@use "../../assets/mixins.scss" as *;

.pl-btn-primary {
  @include base-btn;
  --icon-color: var(--ic-00);

  & {
    --color-btn-hover: var(--color-primary-hover);
    --color-btn-background: var(--color-primary-default);
    --btn-disabled-bg: var(--color-dis-01);
    --shape-shadow: var(--btn-shape-shadow);

    background-color: var(--color-btn-background);
    border: none;
    min-width: 160px;

    --append-shadow: inset 0 0 0 1px #110529;
  }

  &.loading {
    background: rgba(7, 5, 41, 0.8);
  }

  &:disabled {
    background-color: var(--btn-disabled-bg);
    box-shadow: none !important;
    cursor: auto;
  }

  &:active {
    --shape-shadow: 0 0 0 0 transparent;
  }
}