Prototyping team cards and buttons

How do you properly create hover states for components in Penpot prototypes?

I’m designing a corporate website and trying to prototype hover effects for a reusable team card component (default → hover).

Currently, I’m duplicating the component and using Mouse Enter / Mouse Leave + Navigate to, but I’m unsure if this is the recommended approach or if there’s a cleaner way (especially for design systems and multiple states).

What’s the best practice for handling hover states in Penpot?