Как добавить/вызвать класс при наведении ⇐ CSS

[Anonymous]

Я создаю сайт с помощью Elementor и у меня есть анимированный виджет заголовка. Он обводит определенный фрагмент текста. Дело в том, что если анимация начинается, я вижу, что вызывается класс «e-animated», а когда он останавливается/зацикливается, вызывается «e-hide-highlight». Мой вопрос: как добавить электронную подсветку при наведении и электронную анимацию при наведении. Итак, в общем, как мне запустить анимацию виджета при наведении курсора и как скрыть/остановить анимацию, когда я не навожу курсор, потому что тогда я не хочу его видеть.

Я попробовал собственный CSS с анимацией-play-state: Running; состояние анимации-воспроизведения: приостановлено; но это не сработало, потому что тогда анимация не исчезала бы, если не наводить курсор, а просто приостанавливалась. Также пробовал встроенные классы, но они тоже не сработали.