.icon-link {
  align-items: center;
  color: returnColorCSSVar('brand-primary');
  cursor: pointer;
  display: inline-flex;
  min-width: 0;

  &__text {
    @include font-style('body--l', 'body--l');
    @include text-ellipsis;
  }

  .icon {
    color: currentColor;
    position: relative;

    @include bg-variants() {
      color: variant-property('linkIdle');
    }
  }

  span:first-child {
    margin-right: 10px;
  }

  @include bg-variants() {
    color: variant-property('linkIdle');
  }
}

.icon-link--s {
  .icon-link__text {
    @include font-style('body--m', 'body--m');
  }

  span:first-child {
    margin-right: 7px;
  }
}

.icon-link--disabled,
.icon-link--disabled .icon {
  color: returnColorCSSVar('brand-secondary-tint-80');
  pointer-events: none;

  @include bg-variants() {
    color: variant-property('disabledTextIcon');
  }
}
