.cob-Button__default {
  @apply c-bg-surfaceContainer c-text-primary c-border-outlineVariant;

  &--primary {
    @apply c-bg-primary c-text-onPrimary c-border-transparent;

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

    &.cob-Button__default--destructive {
      @apply c-bg-errorContainer c-text-onErrorContainer c-border-transparent;
    }
  }

  &--destructive {
    @apply c-text-error;

    &:hover,
    &:focus,
    &:active {
      @apply c-text-error c-border-error;
    }
  }

  &--selected:hover,
  &--selected:focus,
  &--selected:active,
  &--selected {
    @apply c-bg-primaryContainer c-text-onPrimaryContainer c-border-onPrimaryContainer;
  }
}