Create beautiful css underlines for links.

style.css

.entry-content a {
	color: #232323;
	text-decoration: none;
	background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#d43c67,#d43c67);
	background-repeat: no-repeat,no-repeat,repeat-x;
	background-position: 0 95%,100% 95%,0 95%;
	background-size: .05em 1px,.05em 1px,1px 1px;
	text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff;
}

.entry-content a:hover, 
.entry-content a:focus {
	color: #d43c67;
}