.block-email {
	position: relative;
	border: 2px solid var(--wp--preset--color--quaternary);
	background-image: url(https://lilluna.com/wp-content/themes/lilluna-2023/assets/images/yellow-heart-pattern.png);
	background-size: 150px;
	background-repeat: repeat;
}

.block-email.has-background,
.block-email:not(.has-background),
.wp-block.has-background[data-type="cwp/email"] > .block-email {
	padding: 0;
}

.wp-block.has-background[data-type="cwp/email"] {
	padding: 0;
}

.block-email__inner {
	background: var(--wp--preset--color--background);
	border: 2px solid var(--wp--preset--color--quaternary);
}

.block-email p.is-style-subheading {
	font-size: var(--wp--preset--font-size--small);
}

.block-email div.wpforms-container {
	margin-top: 4px;
}

.block-email div.wpforms-container .wpforms-title {
	text-align: center;
}

.block-email div.wpforms-container .wpforms-description {
	text-align: center;
}

.block-email div.wpforms-container .wpforms-submit-container,
.editor-styles-wrapper .block-email div.wpforms-container .wpforms-submit-container {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.block-email .block-email__inner {
		padding: 24px 16px;
		margin: 24px;
	}

	.block-email div.wpforms-container .wp-element-button {
		width: 100%;
		justify-content: center;
	}
}


@media only screen and (min-width: 768px) {
	.block-email .block-email__inner {
		padding: 40px;
		margin: 60px 80px;
	}

	.block-email div.wpforms-container .wpforms-field-container {
		display: flex;
		gap: 16px;
	}

	.block-email div.wpforms-container .wpforms-field-container > * {
		flex-grow: 1;
		margin-bottom: 0;
	}
}


/* Sidebar Styles */
.block-area-sidebar .block-email .block-email__inner {
	padding: 24px 16px;
	margin: 24px;
}

.block-area-sidebar .block-email div.wpforms-container .wp-element-button {
	width: 100%;
	justify-content: center;
}

.block-area-sidebar .block-email div.wpforms-container .wpforms-field-container {
	display: block;
}

.block-area-sidebar .block-email div.wpforms-container .wpforms-field-container > * {
	margin-bottom: 16px;
}