Hi community!

I create a product card component with 2 variants. And when you hover over it, it will switch to the variant below. Both variants have an arrow, and the arrows have the same name as well as the same place in the hierarchy. They are connected with smart animate. I assume that when you hover over it, the arrow will not have any animation. However, when hovered over, the arrow will disappear and reappear. This is a clip of what it looks like when you hover over it. https://www.youtube.com/watch?v=SRa1mFr_61A

How can I make the arrow just stay there? Is this behavior normal?