<a href="#">font-weight</a>
<a href="#">font-weight</a>
body {
background: #f1f1f1;
}
a {
text-decoration: none;
display: inline-block;
padding: 10px 50px;
border-radius: 5px;
font-size: 16px;
font-weight: 400;
color: #f1f1f1;
background: #222;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: center;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
a:first-of-type:hover {
text-shadow: 1px 0 0 rgba(255,255,255,.8);
}
a:last-of-type:hover {
font-weight: 600;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.