@import '../../../utils/utils.scss';

:host { display: inline-block; }

.comp-scu-button {
  @include button;
}

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

  .label {
    @include comp-scu-button-primary-default-label;
  }
  
  &:hover {
    @include comp-scu-button-primary-hover;
    @include comp-scu-button-primary-hover--figma-autolayout;

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

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

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

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

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

@import './scu-button-outline.scss';
@import './scu-button-grey.scss';
@import './scu-button-link.scss';
@import './scu-icon-button-primary.scss';