/* Класс для общего контейнера — например shape */ .my-shape { cursor: pointer; transition: background-color 0.3s ease; } /* Текст внутри shape */ .my-shape .text-element { color: #FF5733; transition: color 0.3s ease; } /* Картинка SVG */ .my-shape .svg-image { transition: filter 0.3s ease; filter: brightness(1); } /* При наведении на общий контейнер меняем цвета */ .my-shape:hover { background-color: #0099FF; } .my-shape:hover .text-element { color: white; } .my-shape:hover .svg-image { filter: brightness(0) invert(1); }