@DanielLucaci
Posted
Adding !important after background color seems to work, i.e.: .rate:hover { background-color: var(--clr-Orange) !important; }
The hover effect didn't work anymore, because the script adds an inline styling for every button when reacting to the 'click' event. This forces the background color to be the same even when hovering over the button. Adding '!important' forces it to be 'orange', so it overwrites the color defined with the inline styling. I hope this makes sense to you.
Marked as helpful