Hi everyone! 👋🏾

I created a Component which has 4 Variants that appear by hovering.

In Variant 4 there’s an element (a button) to which I would like to apply the “Scroll to” function to make it scroll to a lower section of the page.

In order to do this, I momentarily set the instance used on my work page to the fourth variant, then I created the “Scroll to” interaction. But when I set the instance back to Default, the interaction doesn’t work. It only seems to work if I keep the instance on Variant 4.

I’d need the instance to be on Default and that only after hovering, thus passing to Variant 4 where the button actually is, the interaction is enabled.

Does anyone know how to help me? 😢

Thanks a lot! 💜