:focus-visible is why your buttons should NEVER outline: none again.
⌨️ shows the ring for keyboard users
🖱️ hides it on mouse click — the thing designers hated
♿️ you get a11y AND clean visuals, no JS heuristics
🎯 pair with :focus-within to highlight a whole form group

The "ugly outline" problem was solved years ago. Stop removing focus.