/* DEFAUT outline hover*/
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--contrast-2) !important;
    border-color: var(--wp--preset--color--contrast-2);
    color: var(--wp--custom--false-white);
}

/* BASE */
.wp-block-button .wp-block-button__link.has-base-background-color {
    color: var(--wp--preset--color--contrast);
}
/* BASE hover */
.wp-block-button .wp-block-button__link.has-base-background-color:hover,
.editor-styles-wrapper .wp-block-button .wp-block-button__link.has-base-background-color:hover {
    background-color: var(--wp--custom--false-white) !important;
}
/* BASE outline */
.wp-block-button.is-style-outline .wp-block-button__link.has-base-background-color,
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link.has-base-background-color {
    background-color: transparent !important;
    color: var(--wp--custom--false-white);
    border-color: var(--wp--custom--false-white);
}
/* BASE outline hover */
.wp-block-button.is-style-outline .wp-block-button__link.has-base-background-color:hover {
    background-color: var(--wp--custom--false-white) !important;
    border-color: var(--wp--custom--false-white);
    color: var(--wp--preset--color--contrast);
}

/* ACCENT */
/* ACCENT hover */
.wp-block-button .wp-block-button__link.has-accent-background-color:hover,
.editor-styles-wrapper .wp-block-button .wp-block-button__link.has-accent-background-color:hover {
    background-color: var(--wp--custom--color--accent-hover) !important;
}
/* ACCENT outline */
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-background-color,
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link.has-accent-background-color {
    background-color: transparent !important;
    color: var(--wp--preset--color--accent);
    border-color: var(--wp--preset--color--accent);
}
/* ACCENT outline hover */
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-background-color:hover {
    background-color: var(--wp--preset--color--accent) !important;
    border-color: var(--wp--preset--color--accent);
    color: var(--wp--custom--false-white);
}


/* FONT-SIZE S */
.wp-block-button.has-s-font-size .wp-block-button__link {
    font-size: calc( var(--wp--preset--font-size--text) * .9 ) !important;
    line-height: calc( var(--wp--custom--line-height--xs) * .9 ) !important;

    padding-top: calc( var(--wp--custom--button-padding--y) * .8 );
    padding-right: calc( var(--wp--custom--button-padding--x) * .8 );
    padding-bottom: calc( var(--wp--custom--button-padding--y) * .9 );
    padding-left: calc( var(--wp--custom--button-padding--x) * .8 );
}
/* FONT-SIZE S outline */
.wp-block-button.has-s-font-size.is-style-outline .wp-block-button__link {
    padding-top: calc( ( var(--wp--custom--button-padding--y) * .8 ) - 2px );
    padding-right: calc( ( var(--wp--custom--button-padding--x) * .8 ) - 2px );
    padding-bottom: calc( ( var(--wp--custom--button-padding--y) * .9 ) - 2px );
    padding-left: calc( ( var(--wp--custom--button-padding--x) * .8 ) - 2px );
}

/* FONT-SIZE L */
.wp-block-button.has-l-font-size .wp-block-button__link {
    font-size: calc( var(--wp--preset--font-size--text) * 1.05 ) !important;
    line-height: calc( var(--wp--custom--line-height--xs) * 1.05 ) !important;
    
    padding-top: calc( var(--wp--custom--button-padding--y) * 1.15 );
    padding-right: calc( var(--wp--custom--button-padding--x) * 1.25 );
    padding-bottom: calc( var(--wp--custom--button-padding--y) * 1.15 );
    padding-left: calc( var(--wp--custom--button-padding--x) * 1.25 );
}
/* FONT-SIZE L outline */
.wp-block-button.has-l-font-size.is-style-outline .wp-block-button__link {
    padding-top: calc( ( var(--wp--custom--button-padding--y) * 1.15 ) - 2px );
    padding-right: calc( ( var(--wp--custom--button-padding--x) * 1.25 ) - 2px );
    padding-bottom: calc( ( var(--wp--custom--button-padding--y) * 1.15 ) - 2px );
    padding-left: calc( ( var(--wp--custom--button-padding--x) * 1.25 ) - 2px );
}


/***************/
/* CUSTOM ECFM */
/***************/

.wp-block-button :is(.wp-block-button__link,.wp-element-button) {
    font-family: var(--wp--preset--font-family--brand);
    text-transform: uppercase;
}
/* DEFAUT outline hover*/
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--wp--custom--tonic-500) !important;
    border-color: var(--wp--custom--tonic-500);
    color: var(--wp--custom--false-white);
}

/* Light */
.wp-block-button .wp-block-button__link.has-light-background-color {
    color: var(--wp--custom--false-black);
}
/* Light hover */
.wp-block-button .wp-block-button__link.has-light-background-color:hover,
.editor-styles-wrapper .wp-block-button .wp-block-button__link.has-light-background-color:hover {
    background-color: var(--wp--custom--color--theme-50-hover) !important;
}
/* Light outline */
.wp-block-button.is-style-outline .wp-block-button__link.has-light-background-color,
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link.has-light-background-color {
    background-color: transparent !important;
    color: var(--wp--custom--false-white);
    border-color: currentColor;
}
/* Light outline hover */
.wp-block-button.is-style-outline .wp-block-button__link.has-light-background-color:hover {
    background-color: var(--wp--custom--false-white) !important;
    border-color: var(--wp--custom--false-white);
    color: var(--wp--custom--false-black);
}

/* Dark */
.wp-block-button .wp-block-button__link.has-dark-background-color {
    color: var(--wp--custom--false-white);
}
/* Dark hover */
.wp-block-button .wp-block-button__link.has-dark-background-color:hover,
.editor-styles-wrapper .wp-block-button .wp-block-button__link.has-dark-background-color:hover {
    background-color: var(--wp--custom--color--theme-900-hover) !important;
}
/* Dark outline */
.wp-block-button.is-style-outline .wp-block-button__link.has-dark-background-color,
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link.has-dark-background-color {
    background-color: transparent !important;
    color: var(--wp--custom--false-black);
    border-color: currentColor;
}
/* Dark outline hover */
.wp-block-button.is-style-outline .wp-block-button__link.has-dark-background-color:hover {
    background-color: var(--wp--custom--false-black) !important;
    border-color: var(--wp--custom--false-black);
    color: var(--wp--custom--false-white);
}