border for a hover state. Simple, right? You might be unpleasantly surprised.
The challenge is simple: building a button with an expanding border on hover.
- Single element (no helper divs, but psuedo-elements are allowed)
- Works for any size (not restricted to a specific width, height, or aspect ratio)
- Supports transparent backgrounds
- Smooth and performant transition