Focus styles only for keyboard users

A design team dislikes focus rings appearing on mouse clicks but must keep them for keyboard users. What CSS approach fits?

button:focus-visible {
  outline: 3px solid #1d4ed8;
  outline-offset: 2px;
}