[Résolu] Animation underline

Bonjour,
je suis une nouvelle fois devants un petit problème j'ai fait une animation sur une span et je voudrai que cette animation se d’éclanche non seulement au hover de la span mais aussi d'autres élément. Et là c'est le drame je ne sait absolument pas comment faire. L'animation est codé en css.

.AnimateHoverSpan{
	position: relative;
	text-decoration: none;
	width: 50%;
	height: 10px;
	margin-left: 25%;
}
.AnimateHoverSpan:hover{
	position: relative;
	text-decoration: none;
}
 .AnimateHoverSpan::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 10px;
	bottom: 0;
	left: 0;
	background-color: #000;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out 0s;
  }
   .AnimateHoverSpan:hover::before {
	visibility: visible;
	transform: scaleX(1);
  }

Si quelqu'un a une idée ou doc je suis plus que preneur.
Bonne journée à tous et attention aux virus

Bonjour ,

J'ai un peu de mal à comprendre ce que vous voulez.
Comme vous avez fait, ça fonctionne. Quand vous survolez le span, les propriétés sur le span sont bien prises ainsi que sur le before.

https://codepen.io/guillaume-flament/pen/KKdLRLz

Merci pour l'aide j'été tellement la tête dans le guidons que je n’ai absolument pas penser a mettre le hover sur le parent de la span.