.cob-Button__ghost {
  @include semantic-color(buttonLabel, tertiary, color);
  @include semantic-color(buttonBackground, tertiary, background-color);
  border-color: transparent;

  box-shadow: none;

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

    transform: none;
  }

  &.cob-Button__ghost--destructive {
    @include semantic-color(text, error, color);
  }

  &.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 {
    @include semantic-color(buttonBackground, tertiary, background-color);
    border-color: transparent;

    &:hover,
    &:focus,
    &:active {
      border-color: transparent;

      background-color: transparent;
    }
  }
}