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 {