Не срабатывает filter: invert - Вопросы по CSS

На сайте _https://lik-astana.kz/ расположены кнопки с миниатюрами, необходимо сделать чтоб при наведении на кнопку сработал filter: brightness(0) invert(1)Если делаю
код срабатывает именно при наведении на изображение а необходимо чтоб сработал при наведении на кнопку.Подскажите что делаю не так.
 

Ну так у вас в селекторе img

Ну текст-та срабатывает

Пропишите для a
Но получается не то

Пропишите для a

Тогда на весь блок сработает filter: brightness(0) invert(1);

Именно.

Получается с помощью CSS не сделать если только переделывать модуль или js использовать

Как вариант вместо img использовать before
Раз на span срабатывает

Нет так тоже не работает

Before для span

Before для span

Уточните пожалуйста

Картинку выведите в before для span, а не img

код срабатывает именно при наведении на изображение а необходимо чтоб сработал при наведении на кнопку.Подскажите что делаю не так.

hover к li:

hover к li:

То что надо. Спасибо!