<a class="Button6" href="#">Button 6</a> /*-- Button 6 --*/ .Button6 { box-shadow: 0px 1px 0px 0px #fff6af; background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); background-color:#ffec64; border-radius:6px; border:1px solid #ffaa22; display:inline-block; cursor:pointer; color:#333333; font-family:Arial; font-size:16px; font-weight:bold; padding:5px 30px; text-decoration:none; text-shadow:0px 1px 0px #ffee66; } .Button6:hover { background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); background-color:#ffab23; } .Button6:active { position:relative; top:1px; }