Material Design Button

I have been working on the redesign of the Playment app for sometime now. Defining visual design and motion design guidelines. I have taken material design guidelines as the skeleton and working on top of it. Tweaking values here and there to get the desired result. Defined buttons visual and motion guidelines. A simple thing as a button can also be delightful to interact with. Tried to make button interaction as delightful as possible.

Attaching a prototype just for folks to play with it and anyone can use the code for their own prototypes.

http://share.framerjs.com/jnphzwtqxe4z/

Tap and hold to see the pressed state and tap once to see a different state. Tried to mimick real world material. As someone presses on something, the material is pressed down, so is the button.

Created a module for creating these buttons. Check out the module below:
http://share.framerjs.com/alvooc0u46ux/