Trigger a Component When Another Component is Triggered

[Criel]

Hello
I am very new to Adobe XD so please excuse the possibly very noobish question. 

I have a button that changes state when hovered over, but there is also a text component on the button. When the button is hovered over, I want the text to get a lighter shade of green. I cannot figure out how to do this without directly hovering over the text itself. I watched a YouTube video on nested components, but that did not seem like what I needed (it was also a terrible video, so that might be the reason).
Any help would be greatly appreciated.

[AkinGn · Accepted solution]

Hi @Criel, instead of using text's hover state, you can add another state to text component (let's call it "light blue" as I did in my example) and while you're on button's hover state, you can change the text to be in its "light blue" state. Hope this makes sense, I tested on a sample file, its prototype link is here: https://xd.adobe.com/view/3d503ff7-c2d0-46df-936f-b1e34e5fd8b0-6803/  and the file link is here: https://www.dropbox.com/s/z6ja4otwh5675a6/bt-hover-text.xd?dl=0 Hope this helps!