<a class="Button8" href="#">Button 8</a> /*-- Button 8 --*/ .Button8 { box-shadow:inset 0px 1px 0px 0px #e184f3; background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%); background-color:#c123de; border-radius:6px; border:1px solid #a511c0; 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 #9b14b3; } .Button8:hover { background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%); background-color:#a20dbd; } .Button8:active { position:relative; top:1px; }