.block-personal-note,
.editor-styles-wrapper .block-personal-note,
.entry-content > .block-personal-note,
.entry-content > .block-personal-note.cwp-large:not(:last-child) {
	position: relative;
	margin-top: 90px;
	padding-top: 90px;
}

.block-personal-note.has-background {
	padding-inline: 16px;
	padding-bottom: 16px;
	text-align: center;
}

@media only screen and (min-width: 800px) {
	.block-personal-note.has-background {
		padding-inline: 40px;
		padding-bottom: 40px;
	}
}

h2.block-personal-note__title,
.editor-styles-wrapper h2.block-personal-note__title {
    font-family: var(--wp--preset--font-family--system-font);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

h2.block-personal-note__title::after {
	background: #D9D9D9;
	content: '';
	display: block;
	width: 200px;
	height: 1px;
	margin: 16px auto;
}

.block-personal-note::before {
	background: #ccc url(photo.png) no-repeat center;
	background-size: cover;
	border-radius: 50%;
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: -50px;
	left: calc( 50% - 50px );
}

.block-personal-note::after {
	content: "";
	display: block;
	width: 105px;
	height: 64px;
	background: url(signature.png) no-repeat left top;
	background-size: contain;
	margin-top: var(--wp--custom--layout--block-gap);
	margin-inline: auto;
}