.block-featured-how-to {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.block-featured-how-to > * {
	flex: 1;
}

.block-featured-how-to .block-featured-how-to__image figure {
	height: 100%;
}

.block-featured-how-to .block-featured-how-to__image img {
	object-fit: cover;
	aspect-ratio: 1.5;
	width: 100%;
	height: 100% !important;
}

.block-featured-how-to .block-featured-how-to__content {
	padding: 16px 40px;
	align-self: center;
}

.block-featured-how-to .block-featured-how-to__sub-header {
	width: fit-content;
	margin-inline: auto;
    padding-inline: 2px;
    background-image: linear-gradient(transparent 40%, var(--wp--preset--color--quaternary) 40%);
    text-decoration: none;
    color: var(--wp--preset--color--foreground);
	font-family: var(--wp--custom--typography--interface--font-family);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--small);
	text-transform: var(--wp--custom--typography--interface--text-transform);
	letter-spacing: var(--wp--custom--typography--interface--letter-spacing);
}

.has-quaternary-background-color .block-featured-how-to .block-featured-how-to__sub-header {
	background-image: linear-gradient(transparent 40%, var(--wp--preset--color--background) 40%);
}

.block-featured-how-to .block-featured-how-to__title a {
	color: var(--wp--preset--color--foreground);
	text-decoration: none;
}

.block-featured-how-to .block-featured-how-to__title a:hover {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

@media (max-width: 768px) {

	.block-featured-how-to {
		display: block;
	}


}