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

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


/* Plein Orange */

.wp-block-button.is-style-filled-orange {
    background-color: #FF7D67;
    border-radius:6px;
    border: 1px solid #FF7D67;
    position: relative;
    overflow: hidden;
    transition: all ease-in 250ms;

}

.wp-block-button.is-style-filled-orange .wp-block-button__link {
    color: var(--wp--preset--color--white);
    font-style: normal;
    background-color: transparent;

}


.wp-block-button.is-style-filled-orange:hover {
    background-color: var(--wp--preset--color--accent);
    border-color:var(--wp--preset--color--accent);
}

.wp-block-button.is-style-filled-orange:hover  .wp-block-button__link {
    color: var(--wp--preset--color--white);
    
}


/* Plein Bleu */

.wp-block-button.is-style-filled-bleu {
    background-color: #2245A9;
    border-radius:6px;
    border: 1px solid #2245A9;
    position: relative;
    overflow: hidden;
    transition: all ease-in 250ms;

}

.wp-block-button.is-style-filled-bleu .wp-block-button__link {
    color: var(--wp--preset--color--white);
    font-style: normal;
    background-color: transparent;

}


.wp-block-button.is-style-filled-bleu:hover {
  
    background-color:   color-mix(in srgb, #2245A9 80%, black 20%);
    border-color:  color-mix(in srgb, #2245A9 80%, black 20%);
}

.wp-block-button.is-style-filled-bleu:hover  .wp-block-button__link {
    color: var(--wp--preset--color--white);
    
}









/* Outline accent */

.wp-block-button.is-style-outline-accent {
    background-color: transparent;
    border-radius:6px;
    border: 1px solid var(--wp--preset--color--accent);
    position: relative;
    overflow: hidden;
    transition: all ease-in 250ms;

}

.wp-block-button.is-style-outline-accent .wp-block-button__link {
    color: var(--wp--preset--color--text-default);
    font-style: normal;
    background-color: transparent;

}


.wp-block-button.is-style-outline-accent:hover {
  
    background-color:   var(--wp--preset--color--accent);
    border-color:  var(--wp--preset--color--accent);
}

.wp-block-button.is-style-outline-accent:hover  .wp-block-button__link {
    color: var(--wp--preset--color--white);
}






/* Underline Green Orange */

.wp-block-button.is-style-underline-green {
    background-color: transparent;
    border-radius:0;
    border: none;
    position: relative;
    overflow: hidden;
    transition: all ease-in 250ms;

}

.wp-block-button.is-style-underline-green .wp-block-button__link {
padding-left: 0;
}


.wp-block-button.is-style-underline-green .wp-block-button__link {
    color: var(--wp--preset--color--text-default);
    font-style: normal;
    background-color: transparent;

}

.wp-block-button.is-style-underline-green:after {
   content: "";
   width: 0;
   height: 4px;
   background-color: transparent;
   display: block;
   transition: all ease-in 250ms;

}


.wp-block-button.is-style-underline-green:hover:after {
    width: 100%;
    background-color: var(--wp--preset--color--accent);
}


.wp-block-button.is-style-square-btn {
    transition: all ease-in 250ms;
}

.wp-block-button.is-style-square-btn .wp-block-button__link  {
min-height: 230px;
text-transform: uppercase;
text-align: center;
font-size: 1rem;
border-radius: 0;

}

.wp-block-button.is-style-square-btn:hover, 
.wp-block-button.is-style-square-btn:focus {
    filter: brightness(1.2);
}