body{padding:20px}.animate{transition:all .5s;-webkit-transition:all .5s}.action-button{position:relative;padding:10px 10px;margin:0px 10px 10px 0px;float:center;border-radius:10px;font-family:'Josefin Sans',sans-serif;font-size:25px;color:#FFF;text-decoration:none;text-align:center}.blue{background-color:#3498db;border-bottom:5px solid #2980b9;text-shadow:0px -2px #2980b9}.red{background-color:#e74c3c;border-bottom:5px solid #bd3e31;text-shadow:0px -2px #bd3e31}.green{background-color:#82bf56;border-bottom:5px solid #669644;text-shadow:0px -2px #669644}.yellow{background-color:#f2cf66;border-bottom:5px solid #d1b358;text-shadow:0px -2px #d1b358}.orange{background-color:#f7761f;border-bottom:5px solid #eb630e;text-shadow:0px 0px #d1b358}.action-button:active{transform:translate(0px,5px);-webkit-transform:translate(0px,5px);border-bottom:1px solid}