.is-style-fill > .wp-block-button__link {
    background-color: var(--wp--preset--color--action) !important;
}

.is-style-fill > .wp-block-button__link:hover,
.is-style-fill > .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--action-hover) !important;
    color: var(--wp--preset--color--action-text) !important;
}

/* Default outline button style (light/surface border for dark backgrounds) */
.is-style-outline > .wp-block-button__link,
.is-style-outline--1 > .wp-block-button__link {
    border-color: var(--wp--preset--color--surface) !important;
    color: var(--wp--preset--color--surface) !important;
    background-color: transparent !important;
}

.is-style-outline > .wp-block-button__link:hover,
.is-style-outline > .wp-block-button__link:focus,
.is-style-outline--1 > .wp-block-button__link:hover,
.is-style-outline--1 > .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--surface) !important;
    color: var(--wp--preset--color--elevated) !important;
    border-color: var(--wp--preset--color--surface) !important;
}

/* Outline button style --2 (dark/elevated border for light backgrounds) */
.is-style-outline--2 > .wp-block-button__link {
    border-color: var(--wp--preset--color--elevated) !important;
    color: var(--wp--preset--color--elevated) !important;
    background-color: transparent !important;
}

.is-style-outline--2 > .wp-block-button__link:hover,
.is-style-outline--2 > .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--elevated) !important;
    color: var(--wp--preset--color--elevated-text) !important;
    border-color: var(--wp--preset--color--elevated) !important;
}

.wp-block-button__link {
    box-shadow: 0px 6px 5px rgb(0,0,0,0.5);
    border-radius: 5px !important;
}

.wp-element-button {
    box-shadow: 0px 6px 5px rgb(0,0,0,0.5);
    border-radius: 5px !important;
    background-color: var(--wp--preset--color--action) !important;
    color: var(--wp--preset--color--action-text) !important;
}

.wp-element-button:hover,
.wp-element-button:focus {
    background-color: var(--wp--preset--color--action-hover) !important;
}

button{
    box-shadow: 0px 6px 5px rgb(0,0,0,0.5);
    border-radius: 5px !important;
    background-color: var(--wp--preset--color--action) !important;
    color: var(--wp--preset--color--action-text) !important;
}

.button{
    border-radius: 5px !important;
    background-color: var(--wp--preset--color--action) !important;
    color: var(--wp--preset--color--action-text) !important;
}

button.wp-block-accordion-heading__toggle{
    box-shadow: none !important;
}

.elevated .wp-block-button__link span{
    color: var(--wp--preset--color--action-text) !important;
}

.elevated button span{
    color: var(--wp--preset--color--action-text) !important;
}

button:focus,
button:hover{
    background-color: var(--wp--preset--color--action-hover) !important;
}

.wpcf7-submit{
    border-radius: 5px !important;
    background-color: var(--wp--preset--color--action) !important;
    color: var(--wp--preset--color--action-text) !important;
}

.wpcf7-submit:focus,
.wpcf7-submit:hover{
    background-color: var(--wp--preset--color--action-hover) !important;
}

.exercise-tabs button {
    border-color: var(--wp--preset--color--elevated) !important;
    color: var(--wp--preset--color--elevated) !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.exercise-tabs button:hover,
.exercise-tabs button:focus,
.exercise-tabs button.active {
    background-color: var(--wp--preset--color--elevated) !important;
    color: var(--wp--preset--color--elevated-text) !important;
}

/* ── White outline buttons inside elevated groups ──────────────────────────
   Overrides the generic `button`, `.elevated span`, and `.elevated button span`
   rules that otherwise force action-color backgrounds and wrong text colors.  */
.elevated .is-style-outline > .wp-block-button__link,
.elevated .is-style-outline--1 > .wp-block-button__link {
    background-color: transparent !important;
    border-color: var(--wp--preset--color--surface) !important;
    color: var(--wp--preset--color--surface) !important;
}

.elevated .is-style-outline > .wp-block-button__link span,
.elevated .is-style-outline--1 > .wp-block-button__link span {
    color: var(--wp--preset--color--surface) !important;
}

.elevated .is-style-outline > .wp-block-button__link:hover,
.elevated .is-style-outline > .wp-block-button__link:focus,
.elevated .is-style-outline--1 > .wp-block-button__link:hover,
.elevated .is-style-outline--1 > .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--surface) !important;
    color: var(--wp--preset--color--elevated) !important;
    border-color: var(--wp--preset--color--surface) !important;
}

.elevated .is-style-outline > .wp-block-button__link:hover span,
.elevated .is-style-outline > .wp-block-button__link:focus span,
.elevated .is-style-outline--1 > .wp-block-button__link:hover span,
.elevated .is-style-outline--1 > .wp-block-button__link:focus span {
    color: var(--wp--preset--color--elevated) !important;
}