diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 53c2add..20e3e66 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"/>
-            <ButtonFlip text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />
+            <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" />
           </div>
         </div>