.segmented-toggle-icon {
  padding: var(--wds-segmented-toggle-icononly-padding-vertical-medium, var(--wds-space-100)) var(--wds-segmented-toggle-icononly-padding-horizontal-medium, var(--wds-space-250));

  &--size-small,
  &--size-tiny {
    padding: var(--wds-segmented-toggle-icononly-padding-vertical-small, var(--wds-space-100)) var(--wds-segmented-toggle-icononly-padding-horizontal-small, var(--wds-space-150));
  }

  &:focus-visible::after {
    top: calc(var(--wds-segmented-toggle-border-width-default, var(--wds-border-width-0)) * -1);
    right: calc(var(--wds-segmented-toggle-border-width-default, var(--wds-border-width-0)) * -1);
    bottom: calc(var(--wds-segmented-toggle-border-width-default, var(--wds-border-width-0)) * -1);
    left: calc(var(--wds-segmented-toggle-border-width-default, var(--wds-border-width-0)) * -1);
  }
}