Rotate sub menu arrow in hover mode

[baitasite]

Hello guys, I’m in need of a help that may even look “idiotic”, but how do I rotate 180g on the hover the Elementor sub-menu arrow?

.sub-arrow {
  transform: rotate(0deg);
  transition: all .20s ease-in;
}
.sub-arrow:hover {
  transform: rotate(180deg);
}

This way the arrow rotates only if you hover your mouse on itself and not in the word that accompanies the arrow… Could someone help? It’s probably something with css i don’t know how to do

 

[baitasite]

SOLVED!

.elementor-item.highlighted i{
    transform: rotate(180deg);
    transition: 0.5s all;
}