.block-save-recipe {
	background: var(--wp--preset--color--secondary) url('https://www.themagicalslowcooker.com/wp-content/themes/themagicalslowcooker-2024/assets/icons/images/TMSK-pattern-2.jpg') repeat top left;
	background-size: 250px;
}

.block-save-recipe .block-save-recipe__icon {
	display: flex;
	justify-content: center;
	margin-bottom: -32px;
}

.block-save-recipe .block-save-recipe__icon img {
	width: 72px;
	height: 72px;
}

.block-save-recipe .wpforms-container {
    margin: 0;
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--border-radius--small);
	background: var(--wp--preset--color--background);
}

.block-save-recipe .wpforms-container .wpforms-form {
	display: grid;
	grid-template-columns: 1fr fit-content(300px);
	gap: var(--wp--custom--layout--block-gap);
}

.block-save-recipe .wpforms-container .wpforms-head-container {
	grid-column: 1 / -1;
	display: grid;
	gap: 8px;
	text-align: center;
}

.block-save-recipe .wpforms-container .wpforms-head-container > * {
	margin: 0;
}

.block-save-recipe .wpforms-container .wpforms-title {
	font-size: var(--wp--preset--font-size--huge);
}

.block-save-recipe .wpforms-container .wpforms-description {
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--normal);
}

.block-save-recipe .wpforms-container .wpforms-field-container {
	display: flex;
	gap: var(--wp--custom--layout--block-gap);
}

.block-save-recipe .wpforms-container .wpforms-field {
	margin: 0;
	flex-basis: 0;
	flex-grow: 1;
}

.block-save-recipe .wpforms-container .wpforms-field-label {
	min-height: 26px;
}

.block-save-recipe .wpforms-container input[type="email"] {
	padding: 13px 16px;
}

.block-save-recipe .wpforms-container .wpforms-submit-container {
	margin: 0;
	padding-top: 26px;
}



@media only screen and (max-width: 767px) {
	.block-save-recipe {
		padding: 20px 16px 16px;
	}

	.block-save-recipe .wpforms-container {
		padding: 48px 24px 40px;
	}

}

@media only screen and (min-width: 768px) {
	.block-save-recipe {
		padding: 20px 40px 40px;
	}


	.block-save-recipe .wpforms-container {
		padding: 48px 64px 40px;
	}

}
