Add hero

src/styles/buttons.css

@@ -0,0 +1,38 @@
+/* Podstawowe ustawienia wspólne */
+.btn {
+  @apply inline-flex items-center justify-center 
+         font-semibold rounded-lg px-6 py-3
+         text-base transition-all duration-200
+         cursor-pointer select-none;
+}
+
+/* Wariant główny */
+.btn-primary {
+  background-color: var(--btn-bg);
+  color: var(--btn-text);
+}
+
+.btn-primary:hover {
+  filter: brightness(0.95);
+}
+
+/* Wariant outline */
+.btn-outline {
+  background-color: transparent;
+  border: 2px solid var(--btn-outline-border);
+  color: var(--btn-outline-text);
+}
+
+.btn-outline:hover {
+  background-color: var(--btn-outline-bg-hover);
+}
+
+/* Wariant ghost (bez obramowania) */
+.btn-ghost {
+  background-color: transparent;
+  color: var(--btn-ghost-text);
+}
+
+.btn-ghost:hover {
+  background-color: var(--btn-ghost-hover-bg);
+}