/*
@include max($tablet) {
	height: 60px;
}
*/
/*
Beispiel:
@include default_text_specs(
    $css-variable-prepend: "kc-teaser-title",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h1_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include default_h2_specs(
    $css-variable-prepend: "",
    $font-weight: 700,
    $line-height: 1,
    $text-align: "center"
);
*/
/*
Beispiel:
@include css_variable_prepend(
    $property: "font-size",
    $prepend-string: 'kc-teaser-title',
    $default-value: 20px
);
*/
/*
@extend %transition;
*/
/*
@extend %transition-timing;
*/
/*
@include max($tablet) {
	height: 60px;
}
*/
.wp-block-button__link {
  letter-spacing: -0.01em;
  min-width: 241px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.wp-block-button:hover,
.wp-block-button:focus-within {
  --button-background: var(--secondary-color);
  --button-color: var(--primary-color);
}
.wp-block-button:hover .wp-block-button__link,
.wp-block-button:focus-within .wp-block-button__link {
  box-shadow: var(--schatten-weich);
}

.wp-block-button.is-style-akzent {
  --button-background: var(--secondary-color);
  --button-color: var(--primary-color);
}
.wp-block-button.is-style-akzent:hover, .wp-block-button.is-style-akzent:focus-within {
  --button-background: var(--primary-color-light);
  --button-color: var(--primary-color);
}

.is-style-band .wp-block-button:not(.is-style-akzent):hover,
.is-style-band .wp-block-button:not(.is-style-akzent):focus-within {
  --button-background: var(--primary-color-medium);
  --button-color: var(--primary-color);
}

/*# sourceMappingURL=buttons.css.map*/