CSS blue button with drop shadow



This juicy button can be used by adding the following custom CSS.


color: rgb(230, 230, 240);
font-size: 20px;
padding: 10px;
text-shadow: 0px -1px 1px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 5.405421901393581px;
-moz-border-radius: 5.405421901393581px;
border-radius: 5.405421901393581px;
background: rgb(61, 84, 103);
background: -moz-linear-gradient(90deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
background: -webkit-linear-gradient(90deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
background: -o-linear-gradient(90deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
background: -ms-linear-gradient(90deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
background: linear-gradient(0deg, rgb(61, 84, 103) 23%, rgb(93, 153, 172) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);