.strl-popup {
	display: none;
	background-color: white;
}

.strl-popup .outer-wrapper {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.strl-popup .outer-wrapper .inner-wrapper {
	grid-column: span 12 / span 12;
}

.strl-popup .outer-wrapper .inner-wrapper .inner-content {
	background-color: white;
	padding: 1.25rem;
}

.strl-popup .outer-wrapper .inner-wrapper .inner-content .text {
	position: relative;
	padding-top: 1.25rem;
}

.strl-popup .outer-wrapper .inner-wrapper .inner-content .text .custom-close-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1.25rem;
}

.strl-popup .outer-wrapper .inner-wrapper .inner-content .text .custom-close-btn span {
	text-decoration: underline;
}

.strl-popup .outer-wrapper .inner-wrapper .inner-content .text .custom-close-btn span:hover,
.strl-popup .outer-wrapper .inner-wrapper .inner-content .text .custom-close-btn span:focus-visible {
	text-decoration: unset;
}

@media screen and (min-width:768px) {
	.strl-popup .outer-wrapper .inner-wrapper {
		grid-column: span 10 / span 10;
		grid-column-start: calc(2 * -1);
	}
}

@media screen and (min-width:1024) {
	.strl-popup .outer-wrapper .inner-wrapper {
		grid-column: span 8 / span 8;
		grid-column-start: calc(3 * -1);
	}

	.strl-popup .outer-wrapper .inner-wrapper .inner-content {
		padding: 2.5rem;
	}

	.strl-popup .outer-wrapper .inner-wrapper .inner-content .text {
		padding-top: 0.5rem;
	}

	.strl-popup .outer-wrapper .inner-wrapper .inner-content .text .custom-close-btn {
		top: 0.5rem;
	}
}