Merging buttons, text and images

I would suggest that you place your button, text, and image together inside a box. You can customize the box design to have the background be transparent so that it doesn't look any different. See here for information on boxes. You can try setting up a hover interaction (the controls for which are included on box elements) to create an alternative design for when the cursor is over the box.

Or, you can assign the box some "onMouseIn" and "onMouseOut" event handlers to modify the button's style. See here for more on event handlers. For your case, you would need your event handlers to be something like:

export function yourBox_onMouseIn(event) {
    $w("#yourButton").style.backgroundColor = "yourHoverColor";
}

export function yourBox_onMouseOut(event) {
    $w("#yourButton").style.backgroundColor = "yourRegularColor";
}

For the color, you would need to replace it with whatever color you want. There are many different ways to define colors in code. See here. Of course you can also change other style options of the button.