<a class="Button5" href="#">Button 5</a> /*-- Button 5 --*/ .Button5 { box-shadow: 0px 1px 0px 0px #f0f7fa; background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%); background-color:#33bdef; border-radius:6px; border:1px solid #057fd0; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:16px; font-weight:bold; padding:5px 32px; text-decoration:none; text-shadow:0px -1px 0px #5b6178; } .Button5:hover { background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%); background-color:#019ad2; } .Button5:active { position:relative; top:1px; }