.CTA .b-container {
	overflow: hidden;
	position: relative;
	background: var(--blue) url(images/noise.webp) repeat-x top center / auto 100%;
}

.CTA .content {
	max-width: 960rem;
	position: relative;
}

.CTA .content,
.CTA .content h1,
.CTA .content h2,
.CTA .content h3,
.CTA .content h4,
.CTA .content h5,
.CTA .content h6 {
	color: var(--white);
}

.CTA .deco {
	pointer-events: none;
	width: 0;
	height: 0;
}

.CTA .deco .top-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 300rem;
	height: 120rem;
	background: url(images/deco-top-left.svg) no-repeat center / 100%;
}

.CTA .deco .bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1100rem;
	height: 1100rem;
	background: url(images/deco-bottom-right-mod.svg) no-repeat center / 100%;
}

.CTA .newsletter {
	margin: 40rem auto 0;
	max-width: 440rem;
	color: var(--white);
	text-align: center;
}

.CTA .newsletter h4 {color: var(--white);}
.CTA .b-input {box-shadow: inset 0 0 0 1rem var(--dark-purple); background: var(--light-purple); height: 60rem; line-height: 60rem;}
.CTA .b-input::placeholder {color: var(--dark-purple);}
.CTA .ml-error .b-input {box-shadow: inset 0 0 0 2rem var(--pink);}

.CTA.alt-footer {box-shadow: inset 0 -160rem 0 var(--white);}



/* double */

.CTA[data-style="double"] .b-frame{
	max-width: 1480rem;
	padding: 0 40rem;
	width: 100%;
}

.CTA[data-style="double"] .b-container {
	border-radius: 80rem;
	height: 100%;
	display: flex;
	align-items: center;
}

.CTA[data-style="double"] .b-columns .content {
	max-width: 475rem;
	padding: 100rem;
	margin: auto;
}

.CTA[data-style="double"] .b-columns h2 {
	color: #ffffff;
}

@media screen and (min-width: 961px) {
	.CTA[data-style="center"] .content {margin: 0 auto; text-align: center;}
	.CTA[data-style="center"] .b-frame {padding-bottom: 300rem;}

	.CTA[data-style="center"] .deco .top-left {
		top: 0;
		left: -100rem;
		width: 1350rem;
		height: 750rem;
		background: url(images/center/center-left.svg) no-repeat center / 100%;
	}

	.CTA[data-style="center"] .deco .bottom-right {
		bottom: 0;
		right: 30rem;
		width: 1521rem;
		height: 750rem;
		background: url(images/center/center-right.svg) no-repeat center / 100%;
	}

	.CTA[data-style="newsletter"] .b-container {max-width: var(--frame-width); border-radius: 80rem;}
	.CTA[data-style="newsletter"] .b-frame {padding-top: 120rem; padding-bottom: 120rem;}
	.CTA[data-style="newsletter"] .content {max-width: 440rem; margin: 0 auto; text-align: center;}
	.CTA[data-style="newsletter"] .deco .top-left {width: 300rem; height: 960rem; background-image: url(images/newsletter-top-left.svg);}
	.CTA[data-style="newsletter"] .deco .bottom-right {width: 300rem; height: 960rem; background-image: url(images/newsletter-bottom-right.svg);}
}

@media screen and (max-width: 1520px) {
	.CTA[data-style="double"] .b-frame {max-width: 1200rem;}
}

@media screen and (max-width: 960px) {
	.CTA .b-container {padding: 20rem 0 120rem;}
	.CTA .newsletter {text-align: left; max-width: 100%;}

	.CTA .deco .top-left {
		top: 0;
		right: 50%;
		width: 540rem;
		height: 65rem;
		background-image: url(images/deco-top-left-mobile.svg);
		transform: translate(-180rem, -10rem);
	}

	.CTA .deco .bottom-right {
		bottom: 0;
		left: 50%;
		width: 700rem;
		height: 250rem;
		background-image: url(images/deco-bottom-right-mobile.svg);
		transform: translate(-220rem, 2rem);
	}

	.CTA[data-style="double"] .b-frame {max-width: var(--frame-width); padding: 0 20rem; width: auto;}
	.CTA[data-style="double"] .b-container {height: auto; padding: 0; border-radius: 20rem; display: block;}
	.CTA[data-style="double"] .b-columns .content {padding: 30rem 20rem;}
}