Hello 

I made a button with an animation on the icon that looks like this:

 I created variables to allow me to change the icon from the instance. 

My original button works as I want.

But the copy with the icon change doesn't “play” the back animation.

Is there a way to make this work so I can change the icon quickly without having to duplicate all the animations?

First, I created my two icons

Then I created a static state that will be in my default button. And 2 states for the animation with a delay. 

And finally the default button and its hover version, with a rollhover and a “reset component style” state to return to the default state before the animation.

Figma file is here, Figma file

Thanks for the help.