@use '../../mixins/button';

.c-button {
  @include button.default;
}

/**
 * Modifier: Primary
 */

.c-button--primary {
  @include button.primary;
}

/**
 * Modifier: Secondary
 */

.c-button--secondary {
  @include button.secondary;
}

/**
 * Modifier: Tertiary
 */

.c-button--tertiary {
  @include button.tertiary;
}

/**
 * Element: Extra
 */

.c-button__extra {
  @include button.extra;

  /**
   * Show visual slash through element when button is in slashed state
   */

  .c-button.is-slashed & {
    @include button.extra-slashed;
  }
}