.hover-icon-box svg{
fill: var( --e-global-color-accent );
}
.hover-icon-box:hover svg{
fill: white;
transition: fill ease-in-out 0.3s;
}
.hover-icon-box:hover .elementor-icon{
background-color: var( --e-global-color-accent ) !important;
transition: background-color ease-in-out 0.3s;
}
.hover-icon-box:hover h3.elementor-icon-box-title{
color: var( --e-global-color-accent ) !important;
transition: color ease-in-out 0.2s;
}   .hover-trigger a {
background: 
linear-gradient(to right, RGBA(255,255,255,0), RGBA(255,255,255,0)),
linear-gradient(to right, var(--e-global-color-primary), var(--e-global-color-primary));
background-size: 100% 0.1em, 0 0.1em;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: background-size 600ms;
}
.hover-trigger a:hover,
.hover-trigger a:focus {
background-size: 0 0.1em, 100% 0.1em;
}   span.titre-couleur {
position: relative;
}
span.titre-couleur:before {
content: ' ';
background: rgb(255, 177, 151, 0.65);
width: 100%;
height: 60%;
position: absolute;
transform: translate(-6%, 50%);
z-index: -1;
}    .button-neil .elementor-button {
position: relative;
display: inline-block;
padding: 10px 20px;
background-color: transparent; overflow: hidden;
transition: background-color 0.3s ease; color: #000000; } .button-neil .elementor-button::before {
content: '';
position: absolute;
top: 0;
left: -100%; width: 100%; height: 100%;
background-color: var(--e-global-color-accent); z-index: -1;
transition: left 0.5s ease, width 0.5s ease; } .button-neil .elementor-button:hover::before {
left: 0; width: 100%; } .button-neil .elementor-button span {
position: relative;
z-index: 1;
transition: color 0.3s ease; } .button-neil .elementor-button:hover span {
color: white; }    .pdf-improve.elementor-widget a[href$=".pdf"] {
width: 100%;
display: block;
background: var(--e-global-color-bf53b72) url(https://logisite.argacademie.fr/wp-content/uploads/2024/03/telechargements.png) no-repeat 20px center; 
background-size: 20px; padding: 20px 20px 20px 60px; color: black;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
}   .cadre a.elementor-item {
border: solid 1px black;
border-radius: 5px;
}
.cadre a.elementor-item:hover {
background-color: var( --e-global-color-primary ) !important;
color: white !important;
}