A micro interaction of a subscription card. When clicked, the card will become a circle, and then a check mark will be drawn.

This time, I didn't make a separate function for the other functionality of a React component. All are just in a nested function.

I used GSAP to animate the elements.

The bell icon came from FontAwesome. I only used one icon from them this time.

I used the Open Sans font. I directly took it from the Assets part of this pen. Though, the font is uploaded on Google Fonts.