Нужна помощь в css

Есть блок в тильде, кастомизирую его с помощью css. Задача, что бы при наведении на фото выпадало несколько шейпов с текстом, это сделано. Но в одном из шейпов есть кнопка, при наведении на шейп все пропадает. Хотелось бы это поправить. Курсор не наведен

Курсор наведен на карточку

Курсор на месте нижней плашки

.image_1:hover ~ .shape_1{opacity:100%;}
.image_1:hover ~ .text_1{display:initial;}
.image_1:hover ~ .shape_down_1{opacity:100%;}
.image_1:hover ~ .text_down_1{display:initial;}
.image_1:hover ~ .button_down_1{opacity:100%;}

Как выцепить адекватный HTML из тильды не знаю


Ответы (0 шт):