.badge {
  font-size: rem-calc(11px);
  // border-radius: em-calc(2px);
  display: inline-block;
  // padding: em-calc(1px) em-calc(8px) em-calc(1px);
  color: $muted-icon-color;
  letter-spacing: em-calc(1px);
  text-transform: uppercase;
  // background-color: $input-background-color;
  &--info {
    color: $brand-color;
  }
  &--warning {
    color: $warning-color;
  }
  &--success {
    color: $success-color;
  }
  &--error {
    color: $negative-color;
  }
  &--neutral {
    color: $neutral-color;
  }
  &--pink {
    color: $accent-color;
  }
}