Elementor: поворот значка на 45 ° при нажатии на него ⇐ CSS

[Anonymous]

Я использую значок в Elementor, чтобы открыть меню. Это «+», и я просто хочу, чтобы при нажатии он поворачивался на 45 ° в знак «X». Если кто-нибудь знает, как это можно сделать с помощью CSS/JScript, мы будем очень признательны.
Спасибо
Я попробовал следующий CSS, но он вращается только при нажатии и удерживании. Он также вращает весь контейнер в Elementor, а не сам значок.
CSS

.rotate {
transition: transform 0.3s ease;
}

.rotate:active {
transform: rotate(45deg);
}


Подробнее здесь: https://stackoverflow.com/questions/785 ... ts-clicked