.playisland-promo-popup {
	inset: 0;
	position: fixed;
	z-index: 99990;
}

.playisland-promo-popup[hidden] {
	display: none;
}

.playisland-promo-popup__backdrop {
	background: rgba(14, 22, 52, 0.74);
	border: 0;
	inset: 0;
	position: absolute;
	width: 100%;
}

.playisland-promo-popup__card {
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 30px 100px rgba(8, 17, 47, 0.4);
	display: grid;
	left: 50%;
	max-height: calc(100vh - 32px);
	max-width: 760px;
	overflow: auto;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 32px);
}

.playisland-promo-popup__card > img {
	height: 220px;
	object-fit: cover;
	width: 100%;
}

.playisland-promo-popup__content {
	padding: clamp(24px, 5vw, 42px);
}

.playisland-promo-popup__close {
	background: #fff;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 4px 18px rgba(20, 30, 60, 0.18);
	font-size: 1.7rem;
	height: 40px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 40px;
	z-index: 1;
}

@media (min-width: 680px) {
	.playisland-promo-popup__card {
		grid-template-columns: minmax(240px, 0.8fr) 1fr;
	}

	.playisland-promo-popup__card > img {
	height: 100%;
		min-height: 360px;
	}
}