:host { display: inline-block; }

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

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

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

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

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

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

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

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