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

/* DARK */
.wp-block-button .wp-block-button__link.has-dark-background-color {
    color: var(--wp--custom--color--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-300-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: var(--wp--custom--color--false-white) !important;
    color: var(--wp--custom--color--theme-300);
    border-color: var(--wp--custom--color--theme-300);
}
/* DARK outline hover */
.wp-block-button.is-style-outline .wp-block-button__link.has-dark-background-color:hover {
    background-color: var(--wp--custom--color--theme-300) !important;
    border-color: var(--wp--custom--color--theme-300);
    color: var(--wp--custom--color--false-white);
}

/* LIGHT */
.wp-block-button .wp-block-button__link.has-light-background-color {
    color: var(--wp--custom--color--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--color--false-white);
    border-color: var(--wp--custom--color--false-white);
}
/* LIGHT outline hover */
.wp-block-button.is-style-outline .wp-block-button__link.has-light-background-color:hover {
    background-color: var(--wp--custom--color--false-white) !important;
    border-color: var(--wp--custom--color--false-white);
    color: var(--wp--custom--color--false-black);
}


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

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

/* FONT-SIZE L */
.wp-block-button .wp-block-button__link.has-l-font-size {
    font-size: var(--wp--preset--font-size--text-intro) !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.is-style-outline .wp-block-button__link.has-l-font-size {
    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 );
}


.wp-block-button__link img {
    vertical-align: sub;
    margin-right: calc(var(--wp--custom--button-padding--x) / 2);
}

.wp-block-button__link:not(.has-dark-background-color) {
    text-transform: uppercase;
}