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>