feat: 버튼, option 인터랙션 추가

Author: dohun31

apps/web/src/pages/quiz/style.css.ts

@@ -69,6 +69,15 @@ export const optionCard = recipe({
     flexDirection: "column",
     alignItems: "start",
     gap: "12px",
+
+    "@media": {
+      "(hover)": {
+        ":hover": {
+          transform: "scale(1.05)",
+          transition: "transform 0.2s ease-in",
+        },
+      },
+    },
   },
   variants: {
     selected: {

packages/ui/src/components/Button/style.css.ts

@@ -26,6 +26,15 @@ export const button = recipe({
       cursor: "not-allowed",
       pointerEvents: "none",
     },
+
+    "@media": {
+      "(hover: none)": {
+        ":active": {
+          transform: "scale(0.95)",
+          transition: "transform 0.2s ease-in",
+        },
+      },
+    },
   },
 
   variants: {