diff --git a/src/components/Button/CloseButton/index.tsx b/src/components/Button/CloseButton/index.tsx
new file mode 100644
index 0000000..e5b966a
--- /dev/null
+++ b/src/components/Button/CloseButton/index.tsx
@@ -0,0 +1,7 @@
+import { IconBaseProps } from 'react-icons'
+import * as S from './styles'
+
+type CloseButtonProps = IconBaseProps
+export default function CloseButton({ ...rest }: CloseButtonProps) {
+  return <S.CloseButton cursor='pointer' {...rest} />
+}
diff --git a/src/components/Button/CloseButton/styles.ts b/src/components/Button/CloseButton/styles.ts
new file mode 100644
index 0000000..ec08b66
--- /dev/null
+++ b/src/components/Button/CloseButton/styles.ts
@@ -0,0 +1,10 @@
+import { styled } from 'styled-components'
+import { MdClose } from 'react-icons/md'
+
+export const CloseButton = styled(MdClose)`
+  position: absolute;
+  width: 28px;
+  height: 28px;
+  top: 12px;
+  right: 20px;
+`
diff --git a/src/components/Button/PrevButton/index.tsx b/src/components/Button/PrevButton/index.tsx
new file mode 100644
index 0000000..45c6da2
--- /dev/null
+++ b/src/components/Button/PrevButton/index.tsx
@@ -0,0 +1,8 @@
+import { IconBaseProps } from 'react-icons'
+import * as S from './styles'
+
+type PrevButtonProps = IconBaseProps
+
+export default function PrevButton({ ...rest }: PrevButtonProps) {
+  return <S.PrevButton {...rest}>PrevButton</S.PrevButton>
+}
diff --git a/src/components/Button/PrevButton/styles.ts b/src/components/Button/PrevButton/styles.ts
new file mode 100644
index 0000000..835a6f3
--- /dev/null
+++ b/src/components/Button/PrevButton/styles.ts
@@ -0,0 +1,10 @@
+import { styled } from 'styled-components'
+import { GrPrevious } from 'react-icons/gr'
+
+export const PrevButton = styled(GrPrevious)`
+  position: absolute;
+  left: 20px;
+  top: 14px;
+  width: 28px;
+  height: 28px;
+`