.myButton { box-shadow:inset -1px 2px 10px -12px #dcecfb; background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%); background-color:#bddbfa; border-radius:26px; border:2px solid #84bbf3; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:20px; font-weight:bold; padding:6px 35px; text-decoration:none; text-shadow:-3px 2px 0px #528ecc; } .myButton:hover { background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%); background-color:#80b5ea; } .myButton:active { position:relative; top:1px; }