@import '~antd/lib/button/style/index';

@import '../../index';
@import '../../../../mixins/index';


@import "./mixin.less";

/**
 * Ant Design CSS Override
 */
// for compatibile
@btn-ghost-color: @text-color;
@btn-ghost-bg: transparent;
@btn-ghost-border: @border-ghost-color-base;

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

  &-button-color{
      background: red;
  }

  &-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);
  }

  &.btn-icon {
    padding: 6px;
  }

  &.btn-excel {
    background: @white;
    // color: @green-8;
    border-color: @border-color-base;
    padding: 6px;
  }

  &.btn-refresh {
    padding: 6px;
  }

  &.toggled {
    // background-color: #21ba45 !important;
    // box-shadow: none !important;
    // text-shadow: none;
    opacity: 0.5;
  }
}

/**
 * Polestar CSS
 */
.ps-button-container {
  display: inline-block;
  .ps-button {
      .ps-button-inner-container {
          display: flex;
          justify-content: center;
          align-items: center;
      }
  }
}