button
<a href="#" class="myButton">Search</a>
.myButton {
background:linear-gradient(to bottom, #8ca0c2 5%, #476e9e 100%);
background-color:#8ca0c2;
border-radius:13px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Times New Roman;
font-size:16px;
font-weight:bold;
padding:10px 15px;
text-decoration:none;
&:hover {
background:linear-gradient(to bottom, #476e9e 5%, #8ca0c2 100%);
background-color:#476e9e;
}
&:active {
position:relative;
top:1px;
}
}