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

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

  & {
    --color-text: var(--txt-01);
    --color-btn-hover: var(--btn-sec-hover-grey);
    --btn-min-width: auto;
    gap: 10px;
    background: transparent;
    border: none;
    width: fit-content;
    min-width: var(--btn-min-width);
  }

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

  &.loading {
    --color-text: var(--btn-disabled-bg);
  }
}