Егор Поляков

Посмотрите полный пример, включая :hover, на примитиве виртуальной клавиатуры для пин-кода:
https://bundlespace.com/intro/lessons/lesson-desig...

Посмотрите урок > тут явно задано через CSS замена классом данных из CDATA:
https://bundlespace.com/intro/lessons/lesson-desig...

Больше похоже на ошибку Viewport.
Посмотрите аналогичный пример: https://bundlespace.com/intro/lessons/lesson-group... > сравните код SVG.

Есть прямой пример без костылей > на примитиве встраивания кода SVG-элементов кнопок для виртуальной клавиатуры в тело HTML страницы и изменение цветов при наведении и нажатии: https://bundlespace.com/intro/lessons/lesson-desig...

Логичнее на берегу договориться об этом с дизайнером, если нет исходников иконок в SVG, то должен
предоставить. Это нормально. Если не предоставит > искать на сервисах типа IconFinder.com. Из PNG конвертировать в SVG > это уже забота технического дизайнера.

Посмотрите данное решение (есть код описания решения и пошаговое использование): https://bundlespace.com/intro/lessons/lesson-group... Изменение состояние при наведении (примитив для примера).

Вот подобное решение в примитивном виде: https://bundlespace.com/intro/lessons/lesson-group...