<a class="Button3" href="#">Button 3</a> /*-- Button 3 --*/ .Button3 { box-shadow:inset 0px 1px 3px 0px #91b8b3; background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%); background-color:#768d87; border-radius:5px; border:1px solid #566963; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:16px; font-weight:bold; padding:5px 30px; text-decoration:none; text-shadow:0px -1px 0px #2b665e; } .Button3:hover { background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%); background-color:#6c7c7c; } .Button3:active { position:relative; top:1px; }