Here’s a fast guide to styling buttons in CSS! Sorry about uh, being awkward. There might be better practices as well so now that you’ve seen it in action, I highly suggest doing some extra reading…
Extra Reading & Examples:
http://caniuse.com/
http://hellohappy.org/css3-buttons/
http://css3buttongenerator.com/
http://purecss.io/buttons/
http://www.css3.info/preview/box-shadow/
http://www.css3.info/preview/rounded-border/
Completed HTML and CSS demo:
http://jsfiddle.net/carlyanne/kwx842xb/
Brackets:
http://brackets.io/
I make no money off of these videos, and use any included fonts in the previews, or tutorials under a personal use license.
The font I used for this preview card is Mission Gothic, which if you fancy you can buy and download here:
http://www.losttype.com/font/?name=missiongothic
source