.block-find-recipe {
	background: var(--wp--preset--color--background);
	border: var(--wp--custom--layout--block-gap) solid var(--wp--preset--color--quaternary);
	border-radius: 3px;
	padding: var(--wp--custom--layout--block-gap);
}

.block-find-recipe > * {
	max-width: var(--wp--custom--layout--content);
	margin-inline: auto;
}

/* this is a fix to prevent horizontal scrolling. the normal .screen-reader-text width was being overriden on the remote site - Richard Dec 2024 */
.block-find-recipe .wp-block-search__label.screen-reader-text {
	width: 1px;
}

@media only screen and (min-width: 700px) {
	.block-find-recipe {
		border-width: var(--wp--custom--layout--block-gap-large);
		padding-block: var(--wp--custom--layout--block-gap-large);
	}
}