Bold CSS Link Button

I need a self-contained HTML / CSS snippet that renders a bold, attention-grabbing button which, when clicked, simply navigates to a specified URL. Think vibrant colour, confident typography, subtle hover and active states, and clean, scalable code that works across modern browsers without any JavaScript.

Please send a quick example or screenshot of past work that shows you can style buttons in this kind of high-impact way—nothing elaborate, just something that proves your eye for bold design.

Deliverables
• One HTML file demonstrating the button in context
• A neatly commented CSS file (or embedded style block) that can be dropped into any project

Acceptance criteria
• Button clearly stands out on both light and dark backgrounds
• Smooth hover/active transitions and focus outline for accessibility
• Code passes W3C validation and works in the latest Chrome, Firefox, Safari, Edge

If you can hand this over today, even better.