I am trying to make a checkbox button, the buttons initial state is Black however when I however over it I want it to be orange, when I hover out I want it to be black again.
I also want to be able to click the button and have it turn green, and if I unclick it goes back to black.
I have applied the above successfully however it is not working, the hover out interaction overrides my mouse click interaction and automatically puts the button back to black even though it is checked and I want it to be green.
Checkbox 1 has both interactions applied (hover and click)
Checkbox 2 only has the click interactions applied