.badge-outline {
  color: $action;
  border: rfs-value(2px) solid $action;
}

.badge-dot {
  --#{$prefix}badge-padding-x: #{$badge-dot-padding};
  --#{$prefix}badge-padding-y: #{$badge-dot-padding};
  width: $badge-dot-size;
  height: $badge-dot-size;
}

.badge-lg {
  @include badge-size($badge-font-size-lg);
}

.badge-sm {
  @include badge-size($badge-font-size-sm);
}