Interaction help: Hover and click animations conflicting

Hi guys,

I’m working on fairly simple interactions where the bg color and text color would change when item is hovered on, and stay that color when clicked. Then change back to original color when hovered out or closed/clicked the second time.
It works the first time but it won’t go back to the orig color on the second hover after being clicked on.
Plus, the text color won’t change when item is clicked.

I’m stumped and quite desperate, so if somebody can help me figure it out, i’d be mighty grateful.

Link is:
https://preview.webflow.com/preview/koru-website?utm_medium=preview_link&utm_source=designer&utm_content=koru-website&preview=d62f62b077f8e62bafd6b60754c2a8b6&pageId=5c5bad6a6f79bf81064cf116&mode=preview

I’ve only done the first block for now.

TIA

Owee