.block-personal-note {
	border-block: 4px solid var(--wp--preset--color--primary);
	padding-block: 24px;
}

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

.block-personal-note p.is-style-interface strong {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
	display: inline-block;
	line-height: var(--wp--custom--line-height--small);
	padding: 6px 10px;
}

.block-personal-note .block-personal-note__image {
	margin-top: 0;
	height: 150px;
	width: 150px;
}

.block-personal-note .block-personal-note__image img {
	border-radius: 50%;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.block-personal-note .block-personal-note__image + p.is-style-heading,
.block-personal-note .block-personal-note__image + h2,
.block-personal-note .block-personal-note__image + h3 {
	margin-top: 0;
}

@media only screen and (max-width: 700px) {
	.block-personal-note .block-personal-note__image {
		float: right;
		height: 100px;
		width: 100px;
	}
}