.block-ec {
	background: var(--wp--preset--color--backdrop);
}

.block-ec__intro,
.block-ec__expanded {
	padding-inline: 16px;
}

.block-ec__image {
	margin-bottom: 8px;
}

.block-ec__expanded {
	padding-block-end: 16px;
}

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

@media only screen and (min-width: 768px) {
	.block-ec:not(.expanded) {
		display: grid;
		grid-template-columns: repeat( 2, 1fr );
		align-items: center;
	}

	.block-ec:not(.expanded) .block-ec__image {
		margin: 0;
	}

}

.block-ec:not(.expanded) .block-ec__expanded {
	display: none;
}

.editor-styles-wrapper .block-ec:not(.expanded) .block-ec__expanded {
	display: block;
	grid-column: 1 / -1;
}

.block-ec__toggle {
	background: transparent;
	border: none;
	box-shadow: none;
	color: var(--wp--preset--color--primary);
	font-weight: 700;
	padding: 0;
	text-decoration: underline;
}

.block-ec__toggle svg {
	fill: var(--wp--preset--color--primary);
}

.block-ec.expanded .block-ec__intro .block-ec__toggle {
	display: none;
}