[Résolu] Soulignement d'un lien de nav avec un tiret de largeur fixe

Bonjour,

J'ai vu ce comportement sur ce site : https://www.deeptechforgood.eu/
Au passage de la souris dans le sous-menu, un tiret rose apparaît, de largeur fixe.

J'ai vu ça en css :

content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    border-radius: 4px;
    left: 18px;
    background: #DA9FB8;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;

Mais je n'arrive pas à trouver la classe sur laquelle l'appliquer avec mon site : https://yesyouweb.com/, menu Expertises.

Si vous avez la solution, je prends
Merci beaucoup et bonne journée
Marine

Salut salut

Du coup, tu dois mettre dans ton before du ton span

.menu-text::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    border-radius: 4px;
    left: 18px;
    /* top: -1px; */
    background: #DA9FB8;
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
}

Et ensuite la taille (le width) est "jouer" au survol du span.

.menu-text:hover::before {
    width: 50px;
}

par exemple.

Merci !! C'est parfait
Bonne journée
Marine