@mixin badge-variant($bg, $bgHover, $color, $hoverColor) {
  color: $color;
  background-color: $bg;

  @at-root a#{&} {
    @include hover-focus {
      color: $hoverColor;
      background-color: $bgHover;
    }

    &:focus,
    &.focus {
      outline: 0;
      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
    }
  }
}