<a class="hoverbtn" href="#">MORE</a>
.hoverbtn {
display: block;
text-align: center;
background: #14398d;
color: #fff;
font-weight: bold;
text-decoration:none;
width:150px;
padding: 20px 0;
font-size: 14px;
box-shadow: -2px 3px 6px 0 #aaa;
margin-top: 32px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hoverbtn:hover {
background: #fff;
color: #14398d;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.