/* Styles de base pour les boutons */
.wp-block-button__link {
    padding: .35rem 1rem;
    white-space: nowrap;
}

.wp-block-button[class*="has-icon__"].wp-block-button__width-100 .wp-block-button__link {
justify-content: center;
}


/* Style filled-orange */
.wp-block-button.is-style-filled-orange .wp-block-button__link {
    background-color: var(--wp--preset--color--orange);
    color: var(--wp--preset--color--dark-blue);
    padding: 0.5rem 2.25rem;
    font-weight: bold;
    border-radius: 30px;
    border: 1px solid transparent;
}

.wp-block-button.is-style-filled-orange .wp-block-button__link:hover {
    background-color: rgba(255, 255, 255, 0.85);
}


/* Style filled-jaune */
.wp-block-button.is-style-filled-jaune * {
    z-index: 10;
    position: relative;
    }


.wp-block-button.is-style-filled-jaune {
    background-color: var(--wp--preset--color--yellow);
    font-weight: bold;
    border-radius: 30px;
    border: 1px solid var(--wp--preset--color--yellow);;
    position: relative;
    overflow: hidden;
    transition: all ease-in 250ms;
}

.wp-block-button.is-style-filled-jaune .wp-block-button__link {
    color: var(--wp--preset--color--dark-blue);
}


.wp-block-button.is-style-filled-jaune:hover {
    background-color: transparent;
}

.wp-block-button.is-style-filled-jaune:hover  .wp-block-button__link {
    color: var(--wp--preset--color--yellow)
}

.wp-block-button.is-style-filled-jaune:after {
    content:"";
    top:1px;
    bottom:1px;
    width: 100%;
    position: absolute;
    background-color: var(--wp--preset--color--dark-blue);
    color:white;
   left: -100%;
    z-index: 0!important;
    transition: all ease-in 250ms;
    border-radius: 30px;

}

.wp-block-button.is-style-filled-jaune:hover:after {
    left: 0;
    right:1px;
    }





/* Style filled-blue */
.wp-block-button.is-style-filled-dark-blue .wp-block-button__link {
    background-color: var(--wp--preset--color--dark-blue);
    color: var(--wp--preset--color--base);
    padding: 0.5rem 2.25rem;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 30px;
}

.wp-block-button.is-style-filled-dark-blue .wp-block-button__link:hover {
    background-color: rgba(255, 255, 255, 0.85);
}



/* Style outline */ 

.wp-block-button.is-style-outline .wp-block-button__link {
    color:currentColor;
    position: relative;
    overflow: hidden;
}

.wp-block-button.is-style-outline .wp-block-button__link:before {
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--wp--preset--color--dark-blue);
    color:white;
    border-color: var(--wp--preset--color--dark-blue);
    left: -100%;
    z-index: 0!important;
    transition: all ease-in 250ms;
}

.wp-block-button.is-style-outline .wp-block-button__link * {
z-index: 10;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: white;
    border-color: var(--wp--preset--color--dark-blue);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover:before {
left: 0;
}