.block-newsletter.has-background:not(.block-newsletter--sidebar) {
	padding: var(--wp--custom--layout--block-gap-large);
}

.block-newsletter .wpforms-head-container .wpforms-title {
	font-weight: 300;
	font-size: var(--wp--preset--font-size--big);
	line-height: var(--wp--custom--line-height--small);
	margin: 0;
}

.block-newsletter .wpforms-head-container .wpforms-description {
	font-size: var(--wp--preset--font-size--small);
	margin: 8px 0 0;
}

.block-newsletter .wpforms-container .wpforms-required-label {
	color: inherit;
}
.block-newsletter .wpforms-head-container {
	margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {

	.block-newsletter.has-image {
		margin-top: calc( var(--wp--style--block-gap) + 150px );
	}

	.block-newsletter__image {
		display: block;
		max-width: 300px;
		margin: 0 auto;
		transform: translateY(-150px);
		margin-bottom: calc( 16px - 150px );
	}

	.block-newsletter.has-background .block-newsletter__image {
		transform: translateY( calc( -150px - var(--wp--custom--layout--block-gap-large) ) );
		margin-bottom: calc( 16px - 150px - var(--wp--custom--layout--block-gap-large) );
	}
}

@media only screen and (min-width: 768px) {

	.block-newsletter.has-image:not(.block-newsletter--sidebar) {
		display: grid;
		grid-template-columns: 200px 1fr;
		column-gap: 32px;
		align-items: center;
	}

	.block-newsletter--sidebar img {
		width: 100%;
		margin-bottom: 16px;
	}

	.block-newsletter .wpforms-container {
		margin: 0;
	}

	.block-newsletter .wpforms-field-container {
		display: flex;
		flex-wrap: nowrap;
		gap: 12px;
	}

	.block-newsletter .wpforms-field-container > * {
		flex-basis: 0;
		flex-grow: 1;
	}

	.block-newsletter .wpforms-container .wpforms-form {
		display: grid;
		grid-template-columns: 1fr 1fr 120px;
		column-gap: 8px;
	}

	.block-newsletter .wpforms-container input.wpforms-field-medium,
	.block-newsletter .wpforms-container select.wpforms-field-medium,
	.block-newsletter .wpforms-container .wpforms-field-row.wpforms-field-medium {
		max-width: 100%;
	}

	.block-newsletter div.wpforms-container .wpforms-submit-container {
		margin-top: 24px;
	}

	.block-newsletter:not(.block-newsletter--sidebar) .wpforms-head-container {
		margin: 0;
	}

	.block-newsletter:not(.block-newsletter--sidebar) div.wpforms-container .wpforms-submit-container button {
		padding-left: 0;
		padding-right: 0;
		display: block;
		width: 100%;
	}

	.block-newsletter--sidebar .wpforms-container {
		margin-bottom: 16px;
	}

	.block-newsletter--sidebar .wpforms-field-container,
	.block-newsletter--sidebar .wpforms-container .wpforms-form {
		display: block;
	}
}
