:host { display: inline-block; }

.comp-scu-button.icon {
  @include comp-scu-icon-button-primary-default;
  @include comp-scu-icon-button-primary-default--figma-autolayout;

  .icon {
    @include comp-scu-icon-button-primary-default-icon--sizing;
  }

  .label {
    @include comp-scu-icon-button-primary-default-label;
  }

  &:hover {
    @include comp-scu-icon-button-primary-hover;
    @include comp-scu-icon-button-primary-hover--figma-autolayout;

    .icon {
      @include comp-scu-icon-button-primary-hover-icon--sizing;
    }

    .label {
      @include comp-scu-icon-button-primary-hover-label;
    }
  }

  &:focus {
    @include comp-scu-icon-button-primary-focus;
    @include comp-scu-icon-button-primary-focus--figma-autolayout;

    .icon {
      @include comp-scu-icon-button-primary-focus-icon--sizing;
    }

    .label {
      @include comp-scu-icon-button-primary-focus-label;
    }
  }

  &.disabled {
    @include comp-scu-icon-button-primary-disabled;
    @include comp-scu-icon-button-primary-disabled--figma-autolayout;

    .icon {
      @include comp-scu-icon-button-primary-disabled-icon--sizing;
    }

    .label {
      @include comp-scu-icon-button-primary-disabled-label;
    }
  }
}