diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
index 126a5a7..16d2990 100644
--- a/src/components/sections/Hero.tsx
+++ b/src/components/sections/Hero.tsx
@@ -178,9 +178,12 @@ export function Hero({ data: hero }: HeroProps) {
         </p>
 
         <div className="hero-cta mt-12">
-          <Button size="lg" onClick={openBooking}>
+          <button
+            onClick={openBooking}
+            className="rounded-full border border-gold/60 bg-gold/15 px-8 py-4 text-lg font-semibold text-gold backdrop-blur-md transition-all duration-300 hover:bg-gold/25 hover:border-gold hover:shadow-[0_0_30px_rgba(201,169,110,0.3)] cursor-pointer"
+          >
             {hero.ctaText}
-          </Button>
+          </button>
         </div>
       </div>
     </section>