dialog {
	--main-color: #3d9f98;

	width: min(80%, 800px);
	border: none;
	border-radius: 6px;
	padding: 0;
	box-shadow: 0 0 6px var(--main-color);
}

dialog::backdrop {
	background-color: #000a;
}

dialog header {
	display: flex;
	justify-content: space-between;
	align-items: center;

	background: var(--main-color);
	color: #fff;
	padding: .2rem 1rem;
}

dialog h2 {
	font-size: 1rem;
	font-weight: bold;
}

dialog p {
	padding: 0;
	margin: .4rem 1rem .7rem;
}

dialog button {
	margin: .3rem;
}

dialog button.close-button {
	background: #fff;
	color: var(--main-color);

	display: grid;
	place-content: center;

	border: none;
	box-shadow: none;
	border-radius: 50%;
	padding: 0;
	width: 1.5rem;
	height: 1.5rem;
	font-weight: bold;
}

dialog button.analytics-cta {
	background: var(--main-color);
	color: #fff;

	text-shadow: none;
	box-shadow: none;
}

dialog footer {
	text-align: center;
}