diff --git a/src/blocks/Hero/Component.tsx b/src/blocks/Hero/Component.tsx
index a09749b..4b64c96 100644
--- a/src/blocks/Hero/Component.tsx
+++ b/src/blocks/Hero/Component.tsx
@@ -131,14 +131,14 @@ export const HeroBlock: React.FC<Props> = ({
                 secondaryCta.url.startsWith('#') ? (
                   <a 
                     href={secondaryCta.url}
-                    className="text-foreground font-semibold text-lg hover:text-accent hover:underline underline-offset-4 transition-colors drop-shadow-sm"
+                    className={`${imageUrl ? 'text-white drop-shadow-md' : 'text-foreground'} font-semibold text-lg hover:text-accent hover:underline underline-offset-4 transition-colors`}
                   >
                     {secondaryCta.text}
                   </a>
                 ) : (
                   <Link 
                     href={secondaryCta.url}
-                    className="text-foreground font-semibold text-lg hover:text-accent hover:underline underline-offset-4 transition-colors drop-shadow-sm"
+                    className={`${imageUrl ? 'text-white drop-shadow-md' : 'text-foreground'} font-semibold text-lg hover:text-accent hover:underline underline-offset-4 transition-colors`}
                   >
                     {secondaryCta.text}
                   </Link>