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

.pl-btn-secondary {
  @include base-btn;

  & {
    border: 1px solid var(--color-border);
    background: transparent;
    min-width: 160px;

    --color-border: var(--color-border-default);
    --color-text: var(--txt-01);
    --color-btn-hover: var(--btn-sec-hover-grey);
  }

  &:disabled {
    --color-text: var(--color-dis-01);
    --color-border: var(--color-dis-01);
    --icon-color: var(--dis-01);
    box-shadow: none;
  }

  &:focus-visible {
    border-width: 0;
  }

  &:active {
    --drop-shadow: inset 0px 3px 0px rgba(36, 34, 61, 0.12);
  }
}