Я пытаюсь применить тень к элементу SVG при наведении курсора. Однако при этом он размывает / перемещает текст, вложенный в SVG. Я пробовал использовать такие вещи, как backface-visibility, который останавливает движение текста, но по умолчанию размывает текст, поэтому это не подходящее исправление. Другие исправления, такие как perspective(1px) или blur(0px), тоже не сработали.
Div масштабируется, но это делается сторонней библиотекой, поэтому я не могу контролировать масштабирование. Интересно, что удаление перехода или изменение масштаба на 1 гарантирует отсутствие размытия.
Тестовая ссылка здесь: https://jsfiddle.net/65aj3evt/3/
Я использую версию Chrome 84.0.4147.105
Спасибо за любые предложения!