.block-featured-comment {
	border: 4px solid var(--wp--preset--color--quaternary);
	padding: 20px;
	position: relative;
	margin-top: 40px !important;
	--wp--style--block-gap: 8px;
}

.block-featured-comment__inner::before {
	background: url(../../assets/images/stars.png) no-repeat left center;
	background-size: contain;
	content: '';
	display: inline-block;
	width: 120px;
	height: 24px;
	margin-bottom: 8px;
}

.block-featured-comment__image {
	border: 4px solid var(--wp--preset--color--quaternary);
	border-radius: 50%;
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: -28px;
	right: 24px;
}

.block-featured-comment__title {
	font-size: var(--wp--preset--font-size--x-large);
	font-family: var(--wp--custom--typography--heading--font-family);
	letter-spacing: var(--wp--custom--typography--heading--letter-spacing);
	text-transform: var(--wp--custom--typography--heading--text-transform);
	line-height: var(--wp--custom--line-height--small);
	font-weight: 800;
}

.block-featured-comment__author {
	color: var(--wp--preset--color--primary);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: var(--wp--custom--letter-spacing--loose);
}

.block-featured-comment .wp-block-buttons {
	margin-top: 8px;
}

@media only screen and (max-width: 767px) {
	.block-featured-comment {
		margin-top: 64px !important;
		padding-top: 72px;
		text-align: center;
	}

	.block-featured-comment__image {
		top: -50px;
		left: calc( 50% - 50px );
		right: auto;
	}
}