a {
 	position: relative;
}

a:not(.no-hover):not(.fa):not(.icon)::before,
a:not(.no-hover):not(.fa):not(.icon)::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

a:not(.no-hover):not(.fa):not(.icon)::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	/*transform: translateY(-10px);*/
    transform: translateY(-10px);
}

a:not(.no-hover):not(.fa):not(.icon)::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}



a:not(.no-hover):not(.fa):not(.icon):hover::before,
a:not(.no-hover):not(.fa):not(.icon):focus::before {
	opacity: 1;
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	transform: translateY(-4x);
}
a:not(.no-hover):not(.fa):not(.icon):hover::after,
a:not(.no-hover):not(.fa):not(.icon):focus::after {
	opacity: 1;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
}

.post-type-archive-projects .project .content strong a:not(.no-hover):not(.fa):not(.icon):hover::before,
.post-type-archive-projects .project .content strong a:not(.no-hover):not(.fa):not(.icon):focus::before {
    opacity: 1;
    -webkit-transform: translateY(-9px);
    -moz-transform: translateY(-9px);
    transform: translateY(-9px);
}
.post-type-archive-projects .project .content strong a:not(.no-hover):not(.fa):not(.icon):hover::after,
.post-type-archive-projects .project .content strong a:not(.no-hover):not(.fa):not(.icon):focus::after {
    opacity: 1;
    -webkit-transform: translateY(14px);
    -moz-transform: translateY(14px);
    transform: translateY(14px);
}