.cob-Button__ghost {
  @apply c-text-primary c-bg-surfaceContainer c-border-transparent;

  box-shadow: none;

  &:hover,
  &:focus,
  &:active {
    box-shadow: none;

    transform: none;
  }

  &.cob-Button__ghost--destructive {
    @apply c-text-error;
  }

  &.cob-Button__ghost--standalone {
    @apply c--mx-md;

    &.cob-Button--large {
      @apply c--mx-lg;
    }
  }

  &[disabled],
  &[data-disabled]:not([data-disabled="false"]),
  &.cob-Button--disabled {
    @apply c-bg-surfaceContainer c-border-transparent;

    &:hover,
    &:focus,
    &:active {
      @apply c-border-transparent c-bg-transparent;
    }
  }
}