.block-author-box,
.block-author-box.has-background,
.editor-styles-wrapper .block-author-box.has-background {
	padding: 16px;
	text-align: center;
}

.editor-styles-wrapper .wp-block-cwp-author-box.has-background {
	padding: 0;
}

.block-author-box p {
	font-size: var(--wp--preset--font-size--small);
}

.block-author-box .block-author-box__title {
	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);
	font-size: var(--wp--preset--font-size--big);
	line-height: var(--wp--custom--line-height--small);
}

.block-author-box__photo {
	position: relative;
	margin-bottom: 16px;
	transform: rotate(-5deg);
	border: 10px solid var(--wp--preset--color--white);
	box-shadow: var(--wp--custom--box-shadow--1);
}

.block-author-box__photo::after {
	content: "";
	display: block;
	background-image: url('lemon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 55px;
	height: 55px;
	position: absolute;
	right: 0.5rem;
	top: calc(100% - 1.25rem);
	pointer-events: none;
}

.block-author-box .social-links {
	justify-content: center;
}

.editor-styles-wrapper .block-author-box a {
	pointer-events: none;
}

@media only screen and (max-width: 767px) {
	.block-author-box__photo {
		margin: 32px auto;
		width: fit-content;
	}
}

@media only screen and (min-width: 768px) {
	.block-author-box {
		display: grid;
		grid-template-columns: 344px 1fr;
		column-gap: var(--wp--custom--layout--block-gap-large);
		align-items: center;
	}

	.block-author-box,
	.block-author-box.has-background,
	.editor-styles-wrapper .block-author-box.has-background {
		padding: var(--wp--custom--layout--block-gap-large);
	}
}