.block-save-recipe {
	--_icon-displace: 32px;
	--_block-spacing: 24px;
}

.block-save-recipe__inner {
	border: 3px solid var(--wp--preset--color--primary);
	padding: var(--_block-spacing);
	padding-block-start: min(var(--_block-spacing) + var(--_icon-displace), 44px);
}

.block-save-recipe::before {
	content: "";
	display: block;
	background-image: url("https://www.thecookierookie.com/wp-content/themes/thecookierookie-2024/assets/images/email-icon.png");
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
	margin: 0 auto calc(-1 * var(--_icon-displace)) var(--_block-spacing);
	position: relative;
}

.block-save-recipe__consent {
	font-size: var(--wp--preset--font-size--min);
	font-style: italic;
	margin: 16px 0 0;
	text-align: center;
}
.block-save-recipe div.wpforms-container,
.block-save-recipe div.wpforms-container .wpforms-field,
.block-save-recipe div.wpforms-container .wpforms-submit-container {
	margin: 0;
}

.block-save-recipe div.wpforms-container.one-line .wpforms-form,
.editor-styles-wrapper .block-save-recipe div.wpforms-container.one-line .wpforms-form {
	display: grid;
	gap: 0;
	grid-template-columns: 1fr fit-content(300px);
}

.block-save-recipe div.wpforms-container .wpforms-head-container {
	grid-column: 1 / -1;
}

.block-save-recipe .wpforms-container .wpforms-field-container,
.block-save-recipe .wpforms-container.one-line .wpforms-field-container,
.editor-styles-wrapper .block-save-recipe .wpforms-container .wpforms-field-container,
.editor-styles-wrapper .block-save-recipe .wpforms-container.one-line .wpforms-field-container {
	display: flex;
	gap: 0;
}

.block-save-recipe div.wpforms-container .wpforms-field {
	flex-grow: 1;
}

.block-save-recipe .wpforms-container .wpforms-field input {
	border: 3px solid var(--wp--preset--color--primary);
}

.block-save-recipe .wpforms-field + .wpforms-field input {
	border-inline-start: none;
}

.block-save-recipe div.wpforms-container .wpforms-submit-container,
.block-save-recipe div.wpforms-container.one-line .wpforms-submit-container,
.editor-styles-wrapper .block-save-recipe div.wpforms-container .wpforms-submit-container,
.editor-styles-wrapper .block-save-recipe div.wpforms-container.one-line .wpforms-submit-container {
	margin-block-start: 0;
	padding-block-start: 0;
}

.block-save-recipe div.wpforms-container .wpforms-submit-container .wpforms-submit {
	min-height: 46px;
}

@media only screen and (max-width: 767px) {
	.block-save-recipe::before {
		margin-inline-start: auto;
	}

	.block-save-recipe .wpforms-head-container {
		text-align: center;
	}
}


@media only screen and (min-width: 768px) {
	.block-save-recipe div.wpforms-container .wpforms-form,
	.block-save-recipe div.wpforms-container.one-line .wpforms-form,
	.editor-styles-wrapper .block-save-recipe div.wpforms-container .wpforms-form,
	.editor-styles-wrapper .block-save-recipe div.wpforms-container.one-line .wpforms-form {
		align-items: flex-end;
		grid-template-columns: 320px 1fr fit-content(300px);
	}

    .block-save-recipe div.wpforms-container .wpforms-head-container,
    .block-save-recipe div.wpforms-container.one-line .wpforms-head-container,
    .editor-styles-wrapper .block-save-recipe div.wpforms-container .wpforms-head-container,
    .editor-styles-wrapper .block-save-recipe div.wpforms-container.one-line .wpforms-head-container {
    	grid-column: 1;
    }
}