diff --git a/src/components/common/.gitkeep b/src/components/common/.gitkeep
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/components/common/Button.tsx b/src/components/common/Button.tsx
new file mode 100644
index 00000000..10faf584
--- /dev/null
+++ b/src/components/common/Button.tsx
@@ -0,0 +1,25 @@
+import type { ButtonHTMLAttributes } from 'react';
+
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+  solid?: boolean;
+  size?: 'large' | 'medium' | 'small';
+}
+
+export default function Button({
+  solid = true,
+  size = 'large',
+  className = '',
+  type = 'button',
+  children,
+  ...props
+}: Props) {
+  return (
+    <button
+      className={`rounded-md disabled:border-none disabled:bg-gray-40 disabled:text-white ${solid ? 'bg-primary text-white' : 'border border-primary bg-white text-primary'} ${size === 'large' ? 'h-48 text-body1 font-bold' : size === 'medium' ? 'h-37 text-body2 font-bold' : 'h-32 text-caption font-regular'} ${className}`}
+      type={type}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+}
diff --git a/src/index.css b/src/index.css
index 7c5d0cb0..81958ed1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -88,6 +88,7 @@
   --color-blue-20: #0080ff;
   --color-green-10: #d4f7d4;
   --color-green-20: #20a81e;
+  --color-primary: #ea3c12;
   --color-kakao: #fee500;
   --font-weight-regular: 400;
   --text-h1: 28px;