@import "./mixin.less";

// for compatibile
@btn-ghost-color: @text-color;
@btn-ghost-bg: transparent;
@btn-ghost-border: @border-ghost-color-base;

// Button styles
// -----------------------------
.@{btn-prefix-cls} {

  &-clear {
    .btn-clear;
  }

  &-attention {
    .btn-attention;
  }

  &-trouble {
    .btn-trouble;
  }

  &-critical {
    .btn-critical;
  }

  &-clear&-clicked:after {
    border-color: @clear-color;
  }

  &-attention&-clicked:after {
    border-color: @attention-color;
  }

  &-trouble&-clicked:after {
    border-color: @trouble-color;
  }

  &-critical&-clicked:after {
    border-color: @critical-color;
  }

  &-background-ghost&-clear {
    .button-variant-ghost(@btn-ghost-clear-bg);
  }

  &-background-ghost&-attention {
    .button-variant-ghost(@btn-ghost-attention-bg);
  }

  &-background-ghost&-trouble {
    .button-variant-ghost(@btn-ghost-trouble-bg);
  }

  &-background-ghost&-critical {
    .button-variant-ghost(@btn-ghost-critical-bg);
  }

}