diff --git a/src/components/sections/hero/HeroBillboardCarousel.tsx b/src/components/sections/hero/HeroBillboardCarousel.tsx
index db17ee1..def1643 100644
--- a/src/components/sections/hero/HeroBillboardCarousel.tsx
+++ b/src/components/sections/hero/HeroBillboardCarousel.tsx
@@ -50,7 +50,7 @@ const HeroBillboardCarousel = ({
           className="text-base md:text-lg leading-tight text-balance"
         />
 
-        <div className="flex flex-wrap justify-center gap-3 mt-3 shadow-2xl">
+        <div className="flex flex-wrap justify-center gap-3 mt-3 ">
           <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
           <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
         </div>
diff --git a/src/index.css b/src/index.css
index dbad50c..fe67082 100644
--- a/src/index.css
+++ b/src/index.css
@@ -168,11 +168,11 @@ h6 {
   /* WEBILD_PRIMARY_BUTTON */
   /* @primaryButtons/glass-shimmer */
   background: linear-gradient(165deg, color-mix(in srgb, var(--color-primary-cta) 85%, var(--color-foreground)) 0%, var(--color-primary-cta) 40%, color-mix(in srgb, var(--color-primary-cta) 90%, var(--color-background)) 100%);
-  box-shadow: inset 0 1px 1px 0 color-mix(in srgb, var(--color-foreground) 25%, transparent), inset 0 -1px 1px 0 color-mix(in srgb, var(--color-background) 15%, transparent), 0 4px 12px -2px color-mix(in srgb, var(--color-primary-cta) 25%, transparent);
+  box-shadow: inset 0 1px 1px 0 color-mix(in srgb, var(--color-foreground) 25%, transparent), inset 0 -1px 1px 0 color-mix(in srgb, var(--color-background) 15%, transparent), 0 10px 30px 0 color-mix(in srgb, var(--color-primary-cta) 50%, transparent); z-index: 10;
 }
 
 .secondary-button {
   /* WEBILD_SECONDARY_BUTTON */
   /* @secondaryButtons/solid */
-  background: var(--color-secondary-cta);
+  background: var(--color-secondary-cta); box-shadow: 0 10px 30px 0 color-mix(in srgb, var(--color-secondary-cta) 50%, transparent); z-index: 10;
 }