.ve-newsletter-banner {
	background: var(--ve-newsletter-banner-bg, #FCCF42) !important;
	color: var(--ve-newsletter-banner-text, #0E2426) !important;
	border-color: var(--ve-newsletter-banner-border, rgba(14, 36, 38, .14)) !important;
}

.ve-newsletter-banner h2,
.ve-newsletter-banner label {
	color: var(--ve-newsletter-banner-text, #0E2426) !important;
}

.ve-newsletter-banner h2 {
	font-size: var(--ve-newsletter-banner-title-size-desktop, clamp(34px, 4vw, 56px)) !important;
}

.ve-newsletter-banner__intro > p,
.ve-newsletter-banner__consent {
	color: var(--ve-newsletter-banner-muted, #5C6C69) !important;
}

.ve-newsletter-banner__intro > p {
	font-size: var(--ve-newsletter-banner-copy-size-desktop, clamp(16px, 1.35vw, 20px)) !important;
}

.ve-newsletter-banner__consent a {
	color: var(--ve-newsletter-banner-button, #044A3C) !important;
}

.ve-newsletter-banner button {
	background: var(--ve-newsletter-banner-button, #044A3C) !important;
	color: var(--ve-newsletter-banner-button-text, #FFFFFF) !important;
}

.ve-newsletter-banner button:hover,
.ve-newsletter-banner button:focus-visible {
	filter: brightness(.9);
}

.ve-newsletter-banner--layout-stacked .ve-newsletter-banner__inner {
	grid-template-columns: 1fr;
}

.ve-newsletter-banner--layout-stacked .ve-newsletter-banner__intro > p {
	max-width: 76ch;
}

.ve-newsletter-banner--layout-compact {
	padding-block: 22px;
}

.ve-newsletter-banner--layout-compact h2 {
	font-size: clamp(28px, 3vw, 44px);
}

.ve-newsletter-banner--layout-compact .ve-newsletter-banner__inner {
	gap: clamp(22px, 3vw, 48px);
}

@media (max-width: 780px) {
	.ve-newsletter-banner h2 {
		font-size: var(--ve-newsletter-banner-title-size-mobile, 32px) !important;
	}

	.ve-newsletter-banner__intro > p {
		font-size: var(--ve-newsletter-banner-copy-size-mobile, 16px) !important;
	}
}