.underline-hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0); /* Начальное состояние — скрыто */
    transform-origin: left;
    transition: transform 0.5s ease;
}

.underline-hover:hover::after {
    transform: scaleX(1); /* Показываем подчеркивание */
}