Badge: Without Icon

.badge {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: $primary;
  color: $white;

  .icon:not(:first-child) {
    padding-left: 1rem;
  }

  &.-secondary {
    background-color: $secondary;
  }

  &.-white,
  .-active & {
    background-color: $white;
    color: $primary;
  }
}