a[href],
area[href],
select,
textarea,
button,
iframe,
[controls],
[tabindex],
[contentEditable="true"] {
  &:not([disabled], [tabindex="-1"]):focus-visible {
    @extend %focus-state;
  }

  &:focus:not(:focus-visible) {
    outline: none !important;
  }
}