.site-popup
{
	border: 0;
	border-radius: 10px;
	max-height: 80vh;
	max-width: 500px;
}

.site-popup form
{
	display: grid;
	justify-content: end;
	margin-bottom: 20px;
}

.site-popup > :first-child
{
	margin-top: 0;
}

.site-popup > :last-child
{
	margin-bottom: 0;
}

.site-popup .close
{
	border: 0;
	background: transparent;
	color: #ccc;
	font-size: 1.2em;
	cursor: pointer;
	line-height: 1;
}

.site-popup .close:hover
{
	color: #333;
}

.site-popup::backdrop
{
	background: rgba(0, 0, 0, 0.5);  /* semi-transparent black */
	backdrop-filter: blur(2px);       /* optional blur effect */
}