diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 20e3e66..34c5332 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -57,8 +57,8 @@ const HeroInline = () => {
           />
 
           <div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
-            <ButtonFlip text={primaryButton.text} href={primaryButton.href} variant="primary" className="shadow-2xl" />
-            <ButtonFlip text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} className="shadow-2xl" />
+            <ButtonFlip text={primaryButton.text} href={primaryButton.href} variant="primary" className="shadow-[0_20px_50px_rgba(0,0,0,0.5)]" />
+            <ButtonFlip text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} className="shadow-[0_20px_50px_rgba(0,0,0,0.5)]" />
           </div>
         </div>