diff --git a/src/components/common/Button.tsx b/src/components/common/Button.tsx
new file mode 100644
index 0000000..db9b2e3
--- /dev/null
+++ b/src/components/common/Button.tsx
@@ -0,0 +1,25 @@
+import { styled } from 'styled-components';
+
+interface ButtonProps {
+  children: React.ReactNode;
+  onClick?: () => void;
+}
+
+const Button = ({ children, onClick }: ButtonProps) => {
+  return <ButtonBox onClick={onClick}>{children}</ButtonBox>;
+};
+
+export default Button;
+
+const ButtonBox = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  background: ${({ theme }) => theme.colors.primary60};
+  color: ${({ theme }) => theme.colors.white};
+  ${({ theme }) => theme.fonts.buttonL};
+  border-radius: 36px;
+  padding: 1.4rem 7.5rem;
+  cursor: pointer;
+`;