<a class="Button2" href="#">Button 2</a>
/*-- Button 2 --*/
.Button2 {
box-shadow: 0px 0px 0px 2px #9fb4f2;
background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
background-color:#7892c2;
border-radius:10px;
border:1px solid #4e6096;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:16px;
padding:5px 32px;
text-decoration:none;
text-shadow:0px 1px 0px #283966;
}
.Button2:hover {
background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
background-color:#476e9e;
}
.Button2:active {
position:relative;
top:1px;
}