.block-cookbook {
	background: var(--wp--preset--color--secondary);
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	padding: 24px;
	position: relative;
}

.block-cookbook::before {
	background: url(alyssa.png) no-repeat center;
	background-size: contain;
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: -40px;
	left: calc( 50% - 40px);
}

.block-cookbook__image {
	flex-basis: 410px;
	flex-grow: 0;
	flex-shrink: 1;
	margin: -16px auto -30px;
}

.block-cookbook__content {
	flex-basis: 300px;
	flex-grow: 1;
}

.block-cookbook .wp-element-button.is-style-outline:not(.has-background),
.block-cookbook .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
	background: transparent;
	border-color: #fff;
	color: #fff;
}

.block-cookbook__logo {
	max-width: 450px !important;
	margin-bottom: 16px !important;
}

.block-cookbook .wp-element-button.is-style-outline:not(.has-background):hover,
.block-cookbook .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	color: var(--wp--preset-color--septenary);
}

@media only screen and (min-width: 767px) {
	.block-cookbook {
		padding: 60px 40px 40px;
		margin-block: 60px !important;
	}

	.block-cookbook::before {
		left: calc( 50% + 190px );
	}

	.block-cookbook__image {
		margin-top: -100px;
		margin-bottom: -100px;
	}
}