/* Базовый стиль ссылки */
.linked {
    display: inline-block !important; /* Чтобы padding корректно отталкивал линию */
    text-decoration: none !important;  /* Сбрасываем стандартное подчеркивание браузера/Тильды */
    padding-bottom: 4px !important;    /* Отступ 4px от текста до линии */
    border-bottom: 2px solid #8BBB1A !important; /* Высота линии 2px и фирменный цвет */
    color: #222222 !important;         /* Цвет самого текста (при необходимости измените) */
    transition: border-color 0.2s ease-in-out !important; /* Плавный переход цвета при наведении */
}

/* Эффект при наведении */
.linked:hover {
    border-color: #000000 !important;  /* Линия становится черной */
}



/* Стиль для ссылки linked1 (изначально без подчеркивания) */
.linked1 {
    display: inline-block !important;
    text-decoration: none !important;  /* Убираем дефолтное подчеркивание */
    padding-bottom: 2px !important;    /* Отступ 2px до линии */
    border-bottom: 2px solid transparent !important; /* Прозрачная линия 2px, чтобы верстка не прыгала */
    transition: border-color 0.2s ease-in-out !important; /* Плавное проявление линии */
}

/* Эффект при наведении (появляется белое подчеркивание) */
.linked1:hover {
    border-color: #8BBB1A !important;  /* Цвет линии меняется на белый */
}