.cob-Button__default {
  @include semantic-color(buttonBackground, secondary, background-color);
  @include semantic-color(stroke, strong, border-color);
  @include semantic-color(buttonLabel, secondary, color);

  &--primary {
    @include semantic-color(buttonBackground, primary, background-color);
    @include semantic-color(buttonLabel, primary, color);

    border-color: transparent;

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

    &.cob-Button__default--destructive {
      @include semantic-color(buttonBackground, destructive, background-color);
      @include semantic-color(buttonLabel, destructive, color);

      border-color: transparent;
    }
  }

  &--destructive {
    @include semantic-color(text, error, color);

    &:hover,
    &:focus,
    &:active {
      @include semantic-color(text, error, color);
      @include semantic-color(stroke, error, border-color);
    }
  }

  &--selected:hover,
  &--selected:focus,
  &--selected:active,
  &--selected {
    @apply c-border-accent;
    @include semantic-color(buttonBackground, selected, background-color);
    @include semantic-color(buttonLabel, selected, color);
  }
}