@use '../../global/scss/tools' as nsw;

.nsw-status-label {
  padding: nsw.rem(2px) nsw.rem(16px);
  border: solid 1px var(--nsw-off-white);
  background-color: var(--nsw-off-white);
  border-radius: nsw.rem(24px);
  color: var(--nsw-text-dark);
  display: inline-block;
  
  @include nsw.font-size('xs');

  @each $color, $variant in nsw.$nsw-status-labels {
    &--#{"" + $color} {
      border-color: var(--nsw-status-#{$color});
      background-color: var(--nsw-status-#{$color});
      color: var(--nsw-white);
    }
  }
}