.tag {
  min-height: var(--wds-tag-size-tiny, var(--wds-space-500));

  &--size-tiny {
    padding: 0 var(--wds-tag-padding-horizontal-tiny, var(--wds-space-250));
    border-radius: var(
      --wds-tag-border-radius-tiny,
      var(--wds-border-radius-200)
    );
    max-height: var(--wds-tag-size-tiny, var(--wds-space-500));
    height: var(--wds-tag-size-tiny, var(--wds-space-500));
  }

  &--size-small {
    padding: var(--wds-tag-padding-vertical-small, var(--wds-space-50))
      var(--wds-tag-padding-horizontal-small, var(--wds-space-300));
    border-radius: var(
      --wds-tag-border-radius-small,
      var(--wds-border-radius-200)
    );
    max-height: var(--wds-tag-size-small, var(--wds-space-600));
    height: var(--wds-tag-size-small, var(--wds-space-600));
  }

  &--size-medium {
    padding: var(--wds-tag-padding-vertical-medium, var(--wds-space-100))
      var(--wds-tag-padding-horizontal-medium, var(--wds-space-300));
    border-radius: var(
      --wds-tag-border-radius-medium,
      var(--wds-border-radius-200)
    );
    max-height: var(--wds-tag-size-medium, var(--wds-space-700));
    height: var(--wds-tag-size-medium, var(--wds-space-700));
  }

  &--size-large {
    padding: var(--wds-tag-padding-vertical-large, var(--wds-space-50))
      var(--wds-tag-padding-horizontal-large, var(--wds-space-400));
    border-radius: var(
      --wds-tag-border-radius-large,
      var(--wds-border-radius-200)
    );
    max-height: var(--wds-tag-size-large, var(--wds-space-800));
    height: var(--wds-tag-size-large, var(--wds-space-800));
  }
}