.animated-bg-text {
    display: inline;
    color: white !important;
    font-weight: 900;
    line-height: 1.6; 
    padding: 4px 4px; 
    /*margin-left: -12px; */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background-repeat: no-repeat;
	background-size: 0% 85%; /* 85% ou 90% selon ta préférence */
    background-position: 0 center; /* 0 pour l'horizontale (départ), center pour la verticale */
    transition: background-size 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.animated-bg-blue {
    background-image: linear-gradient(#5191cd, #5191cd);
}
.animated-bg-orange {
    background-image: linear-gradient(#f28705, #f28705);
}
.animated-bg-green {
    background-image: linear-gradient(#009358, #009358);
}
/* L'état animé : on déploie le background-size */
.animated-bg-text.animate {
    background-size: 100% 85%;
}