Visible focus ring
:focus-visible state without removing accessibility.
:focus-visible {
outline: 2px solid #3b9eff;
outline-offset: 2px;
}
:focus:not(:focus-visible) {
outline: none;
}
Copie o snippet e adapte ao seu projeto. Veja também os exemplos vivos.