CRED Slide to Unlock Interaction

The interaction begins with a slide-to-unlock gesture on a bottom pill button. Dragging the lock icon to the right fades out the helper text. Upon release, the button morphs into a centered circular loading spinner. The background then dims as a large, vibrant green circular progress ring draws itself in the center of the screen. Simultaneously, the bottom button shrinks into a small circular checkmark. Once the progress ring completes, a rolling number ticker rapidly counts up to reveal the unlocked cashback amount, accompanied by a sliding red expiration banner. Finally, the overlay fades out to reveal the updated checkout screen with the discounted price.