/* Эффект для блока полезных ссылок на сайте */
.links-container ul li {
    /* Плавная и мягкая анимация без рывков */
    transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); 
    cursor: pointer;
    padding: 2px 0; /* Убираем лишние отступы, так как фон не меняем */
}

/* Эффект при наведении на всю строку — максимально деликатный */
.links-container ul li:hover {
    /* Уменьшаем масштаб до 0.5% и сдвиг до 1 пикселя */
    transform: scale(1.005) translateX(1px);
}

/* Изменение цвета текста ссылки на серый при наведении */
.links-container ul li:hover a {
    /* Спокойный серый цвет для текста */
    color: #777777 !important; 
    transition: color 0.3s ease;
}

/* Иконка чуть теряет яркость, поддерживая общий серый тон */
.links-container ul li:hover img {
    filter: grayscale(0.5); /* Придает иконке серый оттенок */
    opacity: 0.7;
    transition: all 0.4s ease;
}