/* Базовое состояние ссылки */
.link-decor-menu li.nav-item a {
    position: relative;
    text-decoration: none;
    color: #000;
    padding-bottom: 2px;
}

/* Создаем линию (невидимую по умолчанию) */
.link-decor-menu li.nav-item a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

/* Появление при наведении */
.link-decor-menu li.nav-item a:hover::after,
/* Постоянное отображение для активного пункта */
.link-decor-menu li.nav-item.active a::after,
.link-decor-menu li.nav-item.current a::after {
    opacity: 1;
}