.link-overlay {
	visibility: hidden;
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #5982cd;
	background-image: linear-gradient(to right, #2158bd, #5982cd);
	opacity: 0;
	-webkit-clip-path: circle(0 at 50px 49px);
	clip-path: circle(0 at 50px 49px);
	-webkit-transition: clip-path ease 0.3s;
	transition: clip-path ease 0.3s;
}
.link-overlay.center {
	-webkit-clip-path: circle(0 at 50% 49px);
	clip-path: circle(0 at 50% 49px);
}
.link-overlay.active {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-clip-path: circle(180vw at 4rem 50%);
	clip-path: circle(180vw at 4rem 50%);
	-webkit-transition: clip-path ease 0.5s;
	transition: clip-path ease 0.5s;
}

.link-overlay.center.active {
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-clip-path: circle(180vw at 50% 50%);
	clip-path: circle(180vw at 50% 50%);
	-webkit-transition: clip-path ease 0.5s;
	transition: clip-path ease 0.5s;
}