.c-badge {
  @include badge($badge-background-color, $badge-color, $badge-background-color);
  display: inline-block;
  margin: $badge-margin;
  padding: $badge-padding;
  border-radius: $badge-border-radius;
  font-size: $badge-font-size;
  font-weight: $badge-font-weight;
  line-height: $badge-line-height;

  &.c-badge--ghost {
    @include badge($badge-ghost-background-color, $badge-ghost-color)
  }
}

.c-badge--rounded {
  border-radius: $badge-border-radius-rounded;
}

.c-badge--brand {
  @include badge($badge-brand-background-color, $badge-brand-color, $badge-brand-background-color);

  &.c-badge--ghost {
    @include badge($badge-ghost-brand-background-color, $badge-ghost-brand-color)
  }
}

.c-badge--info {
  @include badge($badge-info-background-color, $badge-info-color, $badge-info-background-color);

  &.c-badge--ghost {
    @include badge($badge-ghost-info-background-color, $badge-ghost-info-color)
  }
}

.c-badge--warning {
  @include badge($badge-warning-background-color, $badge-warning-color, $badge-warning-background-color);

  &.c-badge--ghost {
    @include badge($badge-ghost-warning-background-color, $badge-ghost-warning-color)
  }
}

.c-badge--success {
  @include badge($badge-success-background-color, $badge-success-color, $badge-success-background-color);

  &.c-badge--ghost {
    @include badge($badge-ghost-success-background-color, $badge-ghost-success-color)
  }
}

.c-badge--error {
  @include badge($badge-error-background-color, $badge-error-color, $badge-error-background-color);

  &.c-badge--ghost {
    @include badge($badge-ghost-error-background-color, $badge-ghost-error-color)
  }
}