<a class="Button21" href="#">Button 21</a> /*-- Button 21 --*/ .Button21 { box-shadow: 0px 10px 14px -7px #276873; background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%); background-color:#599bb3; border-radius:8px; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:16px; font-weight:bold; padding:7px 28px; text-decoration:none; text-shadow:0px 1px 0px #3d768a; } .Button21:hover { background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%); background-color:#408c99; } .Button21:active { position:relative; top:1px; }