<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.