Как сделать анимированное подчёркивание ссылки у текста в 2 строки?

Question

[Борис]

Видео того как сейчас -https://cloud.mail.ru/public/69VX/LUKHszzmc (маил облако, видео mp4)
там одна строка только подчёркивается, программист говорит -

"В подвале у ссылок есть эффект подчеркивания при навердении мышкой.
Такой эффект возможен только в виде одной черты, потому что там добавляется псевдо-элемент высотой в 1 пиксели, который меняет ширину во время hover с 0 до 100%, чем и достигается такой эффект.
Если мы хотим почеркивать многострочные тексты, то это можно сделать только с помощью подчеркивания text-decoration:underline.
Тогда старый эффект надо удалять, т.к. они будут накладываться друг на друга."

Мб есть способ это сделать, кто знает?

Answer 1

[FeST1VaL]

Answer 2

[Павел]

Видео не смотрел. Двойное подчеркивание при наведении можно сделать, к примеру использовав два псевдо элемента before и after - стили одни, просто один из них нужно опустить ниже второго...