PROBLEM:
Users need clear feedback that their click has registered and the system is processing. Static buttons create uncertainty and leaving users unsure if their action was registered

GOAL:
Design a CTA that feels responsive and trustworthy by providing instant hover feedback, clearly indicating processing, and enabling quick retries on failure; all within a single button.

SOLLUTION:
On hover, the button gently expands horizontally while the arrow animates to signal clickability. On click, it morphs into an elliptical loader in the same geometric style, If an error occurs, the loader transitions seamlessly into a ‘Retry’ state

TECHNICAL NOTES:

• Built with Rive State Machines to manage interactive states and transitions.

• Programmatically configurable through input parameters

• Hover and Click triggers to control the animation.

• Fully vector-based, lightweight animation for high-performance rendering.

• Exported as a .riv file, ready for direct integration on mobile and web platforms.