How to have both mouse and arrows control for the main menu buttons?

The titile is a bit mispelled since I couldn't find a better one to explain my small issue, but I'll explain in here:

So, basically I've decided to make the main menu buttons accessible through both "mouse" and "arrows" control types.

I've made a selector for my buttons and give it a variable called "Position" with the value "0" as default.

As you can see in the screenshot, I've made it so everytime I'll press up arrow it will substract 1 from the value and the reverse for the down arrow. I've also set the limit so it will not go after 2 or below 0, each number representing a position for each button. So you can already tell that everything was fine until now.

Anyways, my issue is on the cursor. Everytime I'm holding my cursor over one button (play or options) the selector is going there, as it should.

BUT, I want it to disappear after I'm not hovering with my cursor over them anymore, but it will not, since I've made it like "Cursor is over ButtonPlay>Selector>Set Position to 1. Or well, 2 for the options button.

I couldn't make it other way since I also have the arrows which are modifying the same value.

I've also tried to make a second selector to have one for the mouse and one for the arrows control type, but I can't make it so they don't collide with each other.

I feel like there is an easy fix for this and I'm sure I'm missing something, but I don't know what. So I'll be grateful for any kind of help on this thing.

I don't see a fix for this because it's just not intuitive. If you make the selector invisible when cursor is not over the button then it would always be invisible which means the keyboard doesn't work. I would make it keyboard or mouse here and not use both.