Patch low contrast text in banner

[pettinarip]

from:

to:

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	1abbdb8
🔍 Latest deploy log	https://app.netlify.com/projects/ethereumorg/deploys/684b01baa91e840008b778d7
😎 Deploy Preview	https://deploy-preview-15662--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 44 (🔴 down 9 from production) Accessibility: 95 (🟢 up 1 from production) Best Practices: 91 (🔴 down 7 from production) SEO: 99 (no change from production) PWA: 59 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[wackerow]

Hey @pettinarip, where are you seeing this bug? Which browser? I'm not seeing it, and noting we already have this applied to the BannerNotification wrapper:

ethereum-org-website/src/components/Banners/BannerNotification.tsx

Line 17 in 1abbdb8

"flex w-full items-center justify-center gap-2 bg-primary-action px-8 py-4 text-white [&_a]:text-white [&_a]:hover:text-white/80",

The [&_a] selector classes were put in place to override the links in this component due to bg-primary-action... are we sure this change is needed?