@mixin unfocused-style {
  @content;

  &:focus:not(:focus-visible):not(:hover) {
    @content;
  }
}

@mixin focused-style {
  &:hover, &:focus {
    @content;
  }

  &:focus-visible {
    @content;
  }
}
