From c6f0ddfa1423fd57a3078e6f8b47f867e38d8d84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Fri, 20 Feb 2026 09:36:22 +0100
Subject: [PATCH] style: refine button shape to rounded-lg and add high-end
 hover effect

---
 assets/css/tailwind.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 972f924..1b0a287 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -85,9 +85,19 @@
 
   /* Button & Link Components */
   .btn-primary {
-    @apply inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-full shadow-sm 
-           bg-[var(--brand-primary)] text-[var(--bg-primary)] hover:bg-[var(--brand-secondary)] 
-           hover:scale-105 active:scale-95 transition-all duration-200 cursor-pointer;
+    @apply inline-flex items-center px-8 py-3 border border-transparent text-base font-semibold rounded-lg shadow-md 
+           bg-[var(--brand-primary)] text-[var(--bg-primary)]
+           hover:shadow-lg hover:-translate-y-0.5 active:translate-y-0
+           transition-all duration-300 cursor-pointer relative overflow-hidden;
+  }
+
+  .btn-primary::after {
+    content: "";
+    @apply absolute inset-0 bg-white opacity-0 transition-opacity duration-300;
+  }
+
+  .btn-primary:hover::after {
+    @apply opacity-10;
   }
 
   .fancy-link {