.badge {
  &--size-medium {
    padding: var(--wds-badge-padding-vertical-medium, var(--wds-space-50))
      var(--wds-badge-padding-horizontal-medium, var(--wds-space-300));
    height: var(--wds-badge-size-medium, var(--wds-space-600));
  }

  &--no-padding#{&}--size-medium {
    padding: 0;
  }

  &--size-small {
    padding: var(--wds-badge-padding-vertical-small, var(--wds-space-0))
      var(--wds-badge-padding-horizontal-small, var(--wds-space-200));
    height: var(--wds-badge-size-small, var(--wds-space-500));
  }

  &--no-padding#{&}--size-small {
    padding: 0;
  }

  &--size-tiny {
    height: var(--wds-badge-size-tiny, var(--wds-space-400));
  }
}