.contentRender_name_plugins_common_popup_cta {
	height: 100%;
}

.popup-cta {
	position: relative;
	width: 100%;
	height: 100%;
}

.popup-cta.blue {
	background-color: var(--blue);
}

.popup-cta.green {
	background-color: var(--green);
}

.popup-cta.red {
	background-color: var(--red);
}

.popup-cta.purple {
	background-color: var(--purple);
}

.popup-cta a {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	height: 100%;
	padding: var(--space-4);
}

.popup-cta a:hover {
	text-decoration: none;
}

.popup-cta h6 {
	margin-bottom: 0;
	font-family: var(--font-display);
	font-size: var(--text-sm);
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	color: var(--white);
}

.popup-cta p {
	display: none;
	font-family: var(--font-body);
	font-weight: 400;
	font-size: var(--text-xs);
	line-height: 1.5;
	text-transform: none;
	text-align: center;
	color: var(--white);
}

.popup-cta .cta-button {
	display: inline-block;
	margin-top: auto;
	padding: var(--space-2);
	font-family: var(--font-display);
	font-weight: 900;
	font-size: var(--text-sm);
	text-transform: uppercase;
	text-align: center;
	line-height: 1;
	color: var(--white);
	border: 2px solid var(--white);
	transition: color .4s ease, background-color .4s ease;
}

.popup-cta a:hover .cta-button {
	color: var(--hover-color);
	background-color: white;
	border: 2px solid var(--white);
}

@media (min-width: 40em) {
	.popup-cta h6 {
		font-size: var(--text-base);
	}

	.popup-cta p {
		display: inline-block;
		margin-bottom: 8px;
		font-size: var(--text-sm);
	}
}

@media (min-width: 64em) {
	.popup-cta h6 {
		font-size: var(--text-2xl);
	}

	.popup-cta p {
		font-size: var(--text-base);
	}

	.popup-cta .cta-button {
		font-size: var(--text-base);
	}
}