<a class="Button10" href="#">Button 10</a> /*-- Button 10 --*/ .Button10 { box-shadow:inset 0px 1px 0px 0px #a6827e; background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%); background-color:#7d5d3b; border-radius:3px; border:1px solid #54381e; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:16px; padding:5px 30px; text-decoration:none; text-shadow:0px 1px 0px #4d3534; } .Button10:hover { background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%); background-color:#634b30; } .Button10:active { position:relative; top:1px; }