// 尺寸：small、medium、large、maxlarge
// 状态: primary（主要）、secondary(次要)、disabled、warning

@import '../layout/_layout-pc-game-life.scss';
@import '../var/press-prefix.scss';

@mixin btn-style {
  width: 130px;
  height: 40px;
  display: block;
  box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
  font-size: $font-m;
  color: #fff;
}

.press-act:not(.press-act--hidden-tip) {

  .#{$TIP_BUTTON_PREFIX}small-primary,
  .#{$PRESS_BUTTON_PREFIX}small-primary,
  &.#{$PRESS_BUTTON_PREFIX}small-primary {
    @include btn-style;
    background-image: linear-gradient(90deg, #50abff 0%, #6e61ff 50%, #925fff 100%);
  }

  .#{$TIP_BUTTON_PREFIX}small-secondary,
  .#{$PRESS_BUTTON_PREFIX}small-secondary,
  &.#{$PRESS_BUTTON_PREFIX}small-secondary {
    @include btn-style;
    color: $color-blue-1;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #50abff 0, #6e61ff 50%, #925fff 100%);
  }

  .#{$TIP_BUTTON_PREFIX}small-disabled,
  .#{$PRESS_BUTTON_PREFIX}small-disabled,
  &.#{$PRESS_BUTTON_PREFIX}small-disabled {
    @include btn-style;
    background-color: #ccc;
  }

  .#{$TIP_BUTTON_PREFIX}medium-primary,
  .#{$PRESS_BUTTON_PREFIX}medium-primary,
  &.#{$PRESS_BUTTON_PREFIX}medium-primary {
    @include btn-style;
    background-image: linear-gradient(90deg, #50abff 0%, #6e61ff 50%, #925fff 100%);
  }

  .#{$TIP_BUTTON_PREFIX}medium-secondary,
  .#{$PRESS_BUTTON_PREFIX}medium-secondary,
  &.#{$PRESS_BUTTON_PREFIX}medium-secondary {
    @include btn-style;
    color: $color-blue-1;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #50abff 0, #6e61ff 50%, #925fff 100%);
  }

  .#{$TIP_BUTTON_PREFIX}medium-disabled,
  .#{$PRESS_BUTTON_PREFIX}medium-disabled,
  &.#{$PRESS_BUTTON_PREFIX}medium-disabled {
    @include btn-style;
    background-color: #ccc;
  }

  .#{$TIP_BUTTON_PREFIX}large-primary,
  .#{$PRESS_BUTTON_PREFIX}large-primary,
  &.#{$PRESS_BUTTON_PREFIX}large-primary {
    @include btn-style;
    background-image: linear-gradient(90deg, #50abff 0%, #6e61ff 50%, #925fff 100%);
  }

  .#{$TIP_BUTTON_PREFIX}large-secondary,
  .#{$PRESS_BUTTON_PREFIX}large-secondary,
  &.#{$PRESS_BUTTON_PREFIX}large-secondary {
    @include btn-style;
    color: $color-blue-1;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #50abff 0, #6e61ff 50%, #925fff 100%);
  }

  .#{$TIP_BUTTON_PREFIX}large-disabled,
  .#{$PRESS_BUTTON_PREFIX}large-disabled,
  &.#{$PRESS_BUTTON_PREFIX}large-disabled {
    @include btn-style;
    background-color: #ccc;
  }

  .#{$TIP_BUTTON_PREFIX}maxlarge-primary,
  .#{$PRESS_BUTTON_PREFIX}maxlarge-primary,
  &.#{$PRESS_BUTTON_PREFIX}maxlarge-primary {
    @include btn-style;
    background-image: linear-gradient(90deg, #50abff 0%, #6e61ff 50%, #925fff 100%);
  }

  .#{$TIP_BUTTON_PREFIX}maxlarge-secondary,
  .#{$PRESS_BUTTON_PREFIX}maxlarge-secondary,
  &.#{$PRESS_BUTTON_PREFIX}maxlarge-secondary {
    @include btn-style;
    color: $color-blue-1;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #50abff 0, #6e61ff 50%, #925fff 100%);
  }

  .#{$TIP_BUTTON_PREFIX}maxlarge-disabled,
  .#{$PRESS_BUTTON_PREFIX}maxlarge-disabled,
  &.#{$PRESS_BUTTON_PREFIX}maxlarge-disabled {
    @include btn-style;
    background-color: #ccc;
  }
}