From 2659f3c75fa8acfceb1fc6c22925a06d98618150 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 25 May 2026 14:04:34 +0000
Subject: [PATCH] Make the "Pro" package button much more pronounced 3D effect
 and shadow

---
 src/pages/HomePage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 60a69fd..bd39aca 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -101,7 +101,7 @@ const InlinedPricingHighlightedCards = ({
                 </div>
 
                 <div className="flex flex-col gap-3 w-full mt-auto">
-                  <Button text={plan.primaryButton.text} href={plan.primaryButton.href} variant="primary" className="w-full transform-gpu [perspective:1000px] [transform-style:preserve-3d] transition-transform duration-300 hover:[transform:rotateY(12deg)] hover:scale-105 shadow-lg hover:shadow-2xl" />
+                  <Button text={plan.primaryButton.text} href={plan.primaryButton.href} variant="primary" className="w-full transform-gpu [perspective:1000px] [transform-style:preserve-3d] transition-transform duration-300 hover:[transform:rotateY(25deg)_scale(1.1)_translateZ(20px)] shadow-xl hover:shadow-3xl" />
                   {plan.secondaryButton && <Button text={plan.secondaryButton.text} href={plan.secondaryButton.href} variant="secondary" className="w-full" />}
                 </div>
               </div>