big buttons

src/routes/layout.css

@@ -118,3 +118,20 @@
 		@apply bg-background text-foreground;
 	}
 }
+
+@layer utilities {
+	/* Reusable icon sizing utility for Lucide (and similar) icons */
+	.icon-btn {
+		@apply h-6 w-6;
+	}
+
+	/* Shared sizing/style for icon buttons (hit area). Use alongside `.icon-btn`. */
+	.btn-icon {
+		@apply inline-flex h-10 w-10 items-center justify-center rounded border;
+	}
+
+	/* Optional variant: slightly smaller icon button */
+	.btn-icon-sm {
+		@apply inline-flex h-8 w-8 items-center justify-center rounded border;
+	}
+}