.svg-wrap {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

section {
    position: relative;
    z-index: 1;
    overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

section a {
	position: relative;
	display: inline-block;
	outline: none;
	vertical-align: bottom;
	text-decoration: none;
	white-space: nowrap;
}

section a::before,
section a::after {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

/* SVG line */
.link-svgline a svg.link-svgline {
	position: absolute;
	top: 120%;
	left: 0;
	overflow: hidden;
	margin: 0;
	width: 100%;
	height: 20px;
	-webkit-transition: stroke-dashoffset 0.3s ease-in-out; 
	transition: stroke-dashoffset 0.3s ease-in-out;
	-webkit-transform: translateY(-80%);
	transform: translateY(-80%);
	fill: none;
	stroke: #056BA0;
	stroke-width: 3;
	stroke-dasharray: 100px;
	stroke-dashoffset: 100px;
}

@media screen and (max-width: 50em) {
	.link-svgline a svg.link-svgline {
		-webkit-transform: translateY(-80%);
		transform: translateY(-80%);
	}
}

.link-svgline a:hover svg.link-svgline {
	stroke-dashoffset: 0px; 
}