.c-cta {
	display: flex;
	flex-direction: column;
	gap: var(--space-m);
	padding: var(--space-2xl);
	background-color: var(--bg-surface);
	border: 1px solid var(--border-primary);
	border-radius: var(--radius-l);
}

.c-cta--centered {
	align-items: center;
	text-align: center;
}

.c-cta--split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--space-xl);
	align-items: center;
}

.c-cta--dark {
	background-color: var(--dark-base);
	border-color: transparent;
	color: var(--light);
}

.c-cta--primary {
	background-color: var(--primary);
	border-color: transparent;
	color: var(--light);
}

.c-cta__content {
	display: flex;
	flex-direction: column;
	gap: var(--space-s);
}

.c-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-s);
	align-items: center;
}

.c-cta-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-s);
	padding: var(--space-m);
	background-color: var(--primary-5);
	border: 1px solid var(--primary-20);
	border-radius: var(--radius-m);
}




.c-angle-statement,
.c-angle-statement.brxe-section {
	position: relative !important;
	left: 50% !important;

	width: 100vw !important;
	max-width: 100vw !important;

	margin: 0 !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;

	padding: var(--space-xl) var(--space-m) !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	background-color: var(--secondary) !important;
	color: var(--light) !important;

	text-align: center !important;
	overflow: hidden !important;
}

.c-angle-statement__text,
.c-angle-statement__text.brxe-heading {
	width: min(100%, 96rem) !important;
	max-width: 96rem !important;

	margin: 0 auto !important;

	color: var(--light) !important;
	font-family: 'Roboto Slab', serif !important;
	font-size: var(--text-2xl) !important;
	font-weight: 900 !important;
	line-height: 1.08 !important;
	text-align: center !important;
}




.c-footer-cta,
.c-footer-cta.brxe-section {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: var(--space-3xl) 0 !important;

	background-color: var(--primary) !important;
	color: var(--light) !important;
}

.c-footer-cta__inner,
.c-footer-cta__inner.brxe-container,
.c-footer-cta__inner.brxe-div {
	width: 100% !important;
	max-width: var(--max-screen-width) !important;

	margin-inline: auto !important;
	padding-inline: var(--space-m) !important;

	display: grid !important;
	grid-template-columns: minmax(0, 7fr) minmax(20rem, 3fr) !important;
	gap: var(--space-xl) !important;

	align-items: center !important;
}

.c-footer-cta__inner > .c-site-header__quote,
.c-footer-cta__inner > .bricks-button.c-site-header__quote,
.c-footer-cta__inner > *:last-child {
	justify-self: end !important;
	align-self: center !important;
}

.c-footer-cta__heading,
.c-footer-cta__heading.brxe-heading {
	margin: 0 !important;

	color: var(--light) !important;
	font-family: 'Roboto Slab', serif !important;
	font-size: var(--text-2xl) !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

.c-footer-cta__text,
.c-footer-cta__text.brxe-text,
.c-footer-cta__text.brxe-text-basic {
	margin: 0 !important;
	color: var(--light) !important;
}

.c-footer-cta__text p,
.c-footer-cta .c-footer-cta__text p {
	margin: 0 !important;

	color: var(--light) !important;
	font-size: var(--text-m) !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
}


#brx-content .c-footer-cta a:not(.bricks-button):not([class*="button"]):not([class*="btn"]),
#brx-content .c-footer-cta p a:not(.bricks-button):not([class*="button"]):not([class*="btn"]),
#brx-content .c-footer-cta li a:not(.bricks-button):not([class*="button"]):not([class*="btn"]),
.c-footer-cta a:not(.bricks-button):not([class*="button"]):not([class*="btn"]),
.c-footer-cta__text a {
	color: var(--light) !important;
	font-weight: inherit !important;
	text-decoration: none !important;
}

#brx-content .c-footer-cta a:not(.bricks-button):not([class*="button"]):not([class*="btn"]):hover,
#brx-content .c-footer-cta p a:not(.bricks-button):not([class*="button"]):not([class*="btn"]):hover,
#brx-content .c-footer-cta li a:not(.bricks-button):not([class*="button"]):not([class*="btn"]):hover,
.c-footer-cta a:not(.bricks-button):not([class*="button"]):not([class*="btn"]):hover,
.c-footer-cta__text a:hover {
	color: var(--secondary) !important;
	text-decoration: none !important;
}




.c-footer-cta .c-site-header__quote,
.c-footer-cta .bricks-button.c-site-header__quote,
.c-footer-cta .c-site-header__quote.bricks-button,
.c-footer-cta a.c-site-header__quote,
.c-footer-cta a.bricks-button.c-site-header__quote {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-width: 16rem !important;
	width: fit-content !important;

	margin: 0 !important;
	padding: var(--space-s) var(--space-l) !important;

	background-color: var(--secondary) !important;
	color: var(--light) !important;

	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;

	overflow: hidden !important;

	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - 2.6rem),
		calc(100% - 2.6rem) 100%,
		0 100%
	);

	font-family: 'Roboto Slab', serif !important;
	font-size: var(--text-s) !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;

	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

.c-footer-cta .c-site-header__quote:hover,
.c-footer-cta .bricks-button.c-site-header__quote:hover,
.c-footer-cta .c-site-header__quote.bricks-button:hover,
.c-footer-cta a.c-site-header__quote:hover,
.c-footer-cta a.bricks-button.c-site-header__quote:hover {
	background-color: var(--dark-base) !important;
	color: var(--light) !important;
	text-decoration: none !important;
	transform: translateY(-1px);
}