.ls-icon-button {
  min-width: auto;
  padding: 0;
  position: relative;

  &--sm {
    width: $field-size-sm;
    min-height: $field-size-sm;
    max-height: $field-size-sm;
    max-width: $field-size-sm;
    font-size: $icon-size-sm;
    line-height: $icon-size-sm;
  }

  &--md {
    width: $field-size-md;
    min-height: $field-size-md;
    max-height: $field-size-md;
    max-width: $field-size-md;
    font-size: $icon-size-md;
    line-height: $icon-size-md;
  }

  &--lg {
    width: $field-size-lg;
    min-height: $field-size-lg;
    max-height: $field-size-lg;
    max-width: $field-size-lg;
    font-size: $icon-size-lg;
    line-height: $icon-size-lg;
  }
}