✨ feat: Button Component 구현

src/components/common/Button.tsx

@@ -0,0 +1,23 @@
+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 = '',
+  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}`}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+}

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;