$gap-tiny: var(--wds-button-gap-tiny, var(--wds-space-100, 3px));

.text-button {
  &--size-medium {
    height: var(--wds-text-button-size-medium, var(--wds-space-600, 24px));
  }

  &--size-small {
    height: var(--wds-text-button-size-small, var(--wds-space-475, 18px));
  }

  &--size-tiny {
    height: var(--wds-text-button-size-tiny, var(--wds-space-475, 18px));
  }

  &--size-tiny .button-core__prefix {
    padding-right: $gap-tiny;
  }

  &--size-tiny .button-core__suffix {
    padding-inline-start: $gap-tiny;
  }
}