/* Popup background */
#avez-ewp-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: opacity 0.25s ease;
	z-index: 99998;
}

/* Popup */
#avez-ewp-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.95);
	background: #fff;
	padding: 24px 20px;
	width: 90%;
	max-width: 550px;
	/* border-radius: 5px; */
	opacity: 0;
	transition:
		opacity 0.25s ease,
		transform 0.25s ease;
	z-index: 99999;
}

#avez-ewp-popup.fade-in {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

#avez-ewp-overlay.fade-in {
	opacity: 1;
}

.avez-ewp-hidden {
	display: none !important;
}

.avez-ewp-box .avez-ewp-title {
	/* color: #212121; */
	letter-spacing: 0.025em;
	font-size: 18px;
	margin-bottom: 18px;
	padding-right: 25px;
}

.avez-ewp-content,
.avez-ewp-content p {
	font-size: 12px;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: 0.025em;
}

/* Buttons */
.avez-ewp-buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 20px;
}

.avez-ewp-button {
	padding: 6px 18px;
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.015em;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

#avez-ewp-continue {
	background: #00a000;
	color: #fff;
}
#avez-ewp-continue:hover {
	filter: opacity(0.7) contrast(1.5);
}

#avez-ewp-cancel {
	background: #b90808;
	color: #fff;
}
#avez-ewp-cancel:hover {
	filter: opacity(0.7) contrast(1.5);
}

#avez-ewp-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background-color: #0058a9;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}
#avez-ewp-close:hover {
	filter: opacity(0.7) contrast(1.5);
}
#avez-ewp-close svg {
	width: 15px;
	height: 15px;
	fill: #fff;
}