fix(button): fix anchor hover + visited font color

[dancormier]

The button component does not receive the correct styling when it meets the following conditions:

• It is in a :hover state
• It's rendered as an <a />
• It has the .s-btn__filled class applied
• It's :visited

This is due to the styles from :not(.s-btn__outlined) overriding the styles applied to .s-btn__filled.

Relates to

• Fix hover style of filled buttons that are anchors #1879
• 🔒 Slack discussion

[netlify]

✅ Deploy Preview for stacks ready!

Name	Link
🔨 Latest commit	7fd1391
🔍 Latest deploy log	https://app.netlify.com/sites/stacks/deploys/67bcc79ae743bc0008be21ab
😎 Deploy Preview	https://deploy-preview-1883--stacks.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[giamir]

I can confirm this fix the hover+visited issue for links that looks like filled buttons.

Maybe the only thing we could in this PR or another one is to have a place in the doc where we document and showcase links that have the same styles as a button. Maybe in the links page.

Thanks @dancormier