How to control pressed and unhovered button action?

Hello, I’m trying to setup a basic hovered, unhovered, pressed and unpressed event for buttons.

The button has 1 Text block inside of it, I have already set up the normal, hovered, pressed background images for the button, and also set up the text color for hovering. Now, the problem is that when I hover the button, it looks good, and also when I press it, but if I keep holding it and unhovering, it removes the hover event from the text, which makes it look bad.

Normal
kép
Hovered
kép
Pressed and unhovered
kép

What can I do to keep the hovered effect of the text block when the button is pressed and held independently of the cursor’ position?
(I also tried all the button events (On Clicked, On Pressed, On Released, On Hovered, On Unhovered))

Using a boolean and checking whether the button is pressed (in hover event) would be the best solution?