﻿.block-media-content-recipe-key {
	--cwp-image: 240px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--layout--block-gap);
}

.block-media-content-recipe-key > * {
	flex-grow: 1;
}

.block-media-content-recipe-key__inner {
	border: 4px solid var(--wp--preset--color--quaternary);
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--wp--custom--layout--block-gap-large);
	row-gap: var(--wp--custom--layout--block-gap);
	flex-basis: 66%;
}

.block-media-content-recipe-key__inner,
.block-media-content-recipe-key__inner.has-background,
.editor-styles-wrapper .block-media-content-recipe-key__inner.has-background {
	padding: var(--wp--custom--layout--block-gap-large);
}

.block-media-content-recipe-key .block-media-content-recipe-key__inner > * {
	margin-block-start: 0;
}
.block-media-content-recipe-key__image {
	flex-grow: 1;
	flex-basis: var(--cwp-image);
}
.block-media-content-recipe-key__content {
	flex-grow: 999;
	flex-basis: 60%;
}

.block-media-content-recipe-key__content .block-media-content-recipe-key__title {
	line-height: var(--wp--custom--line-height--small);
}

@media only screen and (max-width: 767px) {
	.block-media-content-recipe-key__inner,
	.block-media-content-recipe-key__inner.has-background,
	.editor-styles-wrapper .block-media-content-recipe-key__inner.has-background {
		padding: var(--wp--custom--layout--block-gap);
	}
}