.badge {
  font-size: rem-calc(11px);
  border-radius: em-calc(32px);
  display: inline-block;
  padding: em-calc(3px) em-calc(8px) em-calc(2px);
  color: $unselected-text;
  letter-spacing: em-calc(1px);
  border: 1px solid;
  text-transform: uppercase;
  &--info {
    color: $brand-color;
  }
  &--warning {
    color: $warning-color;
  }
  &--success {
    color: $positive-color;
  }
  &--error {
    color: $negative-color;
  }
  &--neutral {
    color: $neutral-color;
  }
  &--pink {
    color: $pink-color;
  }
}