focus-visible

:focus-visible is a CSS pseudo class that is often superior (but still missed) than the regular :focus pseudo class.

The :focus-visible styles are only applied when the focus is triggered by keyboard or other accessibility technology but not mouse or touch.
With regular :focus you often encounter scenarios where the focus styles are applied even after clicking a button. :focus-visible not.