.block-promo.has-background {
	padding: var(--wp--custom--layout--block-gap);
}

.block-promo__inner {
	display: grid;
	align-items: center;
	gap: var(--wp--custom--layout--block-gap);
}

.block-promo__inner > * {
	margin: 0;
	min-width: 0;
}

.block-promo__image figure {
	margin: 0;
}

.block-promo__image img {
	display: block;
	width: 100%;
}

.block-promo__content > * {
	margin-block: 0;
}

.block-promo__content > * + * {
	margin-top: var(--wp--custom--layout--block-gap);
}

@media (min-width: 768px) {
	.block-promo:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-promo__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--custom--layout--block-gap-large);
	}

	.block-promo--reverse:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-promo__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.block-promo--reverse:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-promo__image {
		grid-column: 2;
		grid-row: 1;
	}

	.block-promo--reverse:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-promo__content {
		grid-column: 1;
		grid-row: 1;
	}

	.block-promo:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *).has-background .block-promo__inner {
		grid-template-columns: minmax(0, 311px) minmax(0, 1fr);
	}

	.block-promo:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *).has-background.block-promo--reverse .block-promo__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 311px);
	}
}

@media (min-width: 768px) {
	.block-promo.has-background:not(.block-area-sidebar .block-promo) {
		padding: var(--wp--custom--layout--block-gap-large);
	}
}

@media (min-width: 1200px) {
	:is(.full-width-content, .block-area-before-footer, .cwp-editor-layout-wide) .block-promo:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *):not(.has-background) .block-promo__inner {
		grid-template-columns: minmax(0, 461fr) minmax(0, 731fr);
	}

	:is(.full-width-content, .block-area-before-footer, .cwp-editor-layout-wide) .block-promo:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *).block-promo--reverse:not(.has-background) .block-promo__inner {
		grid-template-columns: minmax(0, 731fr) minmax(0, 461fr);
	}
}