.popup-layout {
	position: fixed;
	top: -50px;
	left: -50px;
	width: calc(100% + 100px);
	height: calc(100% + 100px);
	background: rgba(0,0,0,.25);
	backdrop-filter: blur(10px);
	z-index: 5;
	display: none;
}
.popup-layout.shown {
	display: block;
}
.popup-wrapper {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -200%);
	width: 95vw;
	max-width: 600px;
	height: 95%;
	max-height: 600px;
	background: #fff;
	border-radius: 25px;
	padding: 5px;
	transition: all .25s ease;
}
.popup-wrapper.shown {
	top: 50%;
	transform: translate(-50%, -50%);
}
.popup-wrapper > div {
	padding: 15px;
}
.popup-close {
	/* font-size: 1.5em;
	font-weight: 600; */
	cursor: pointer;
	padding: 0 10px;
	/* transform: rotate(90deg); */
}
.popup-close:hover {
	color: #992f6d
	/* transform: rotate(90deg); */
}
.popup-heading {
	font-size: 1.25em;
	font-weight: 600;
	color: #000;
}