Hover effect of button that is inside the hover effect of another element.
I'm trying to add a hover effect to a button that appears in the hover state of another element. While the hover states can be applied to both the back of the element and the button in the prototype mode and works individually the hover effect of the button does not work in the preview. Am I doing something wrong? Or is adding a hover state to an element inside a hover state not possible? I've added images of what I'm trying to do.
Default State:

Hover state of the globe:

Hover state of button within that is not working:

Thanks for any help.
