/* Main Container */
.block-author-box,
.block-author-box.has-background {
	--cwp-image: 305px;
	background-image: url('../../assets/images/bg-pattern-dark.jpg');
	background-size: 375px;
	color: var(--wp--preset--color--background);
	padding: 40px;
	text-align: center;
}

/* Heading */
.block-author-box__title {
	font-family: var(--wp--custom--typography--heading--font-family);
	font-size: var(--wp--custom--typography--heading--font-size);
	font-weight: var(--wp--custom--typography--heading--font-weight);
	letter-spacing: var(--wp--custom--typography--heading--letter-spacing);
	line-height: var(--wp--custom--typography--heading--line-height);
	text-transform: var(--wp--custom--typography--heading--text-transform);
}

/* Photo */
.block-author-box__photo {
	position: relative;
	margin-bottom: 0px;
	width: var(--cwp-image);
	height: auto;
}
.block-author-box__photo::after{
	content: "";
    display: block;
    position: absolute;
    background: url(../../assets/icons/logo/logo-icon.svg) no-repeat center;
    background-size: contain;
    z-index: -1;
    width: 104px;
    height: 105px;
    bottom: -20px;
    left: -20px;
    z-index: 1;
}

/* Button */
.block-author-box__content .wp-block-buttons{
	margin-bottom: 10px;
}
.block-author-box__content .wp-block-buttons .wp-element-button{
	background-color: var(--wp--preset--color--senary);
	color: var(--wp--preset--color--background);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--tiny);
	line-height: var(--wp--custom--line-height--normal);
	letter-spacing: var(--wp--custom--letter-spacing--none);
	border-radius: 0px;
	border: none;
}

.block-author-box__content ul.social-links{
	display: flex;
	justify-content: center;
	margin: 0px;
	padding: 0px;
}
.block-author-box__content ul.social-links svg{
	fill: var(--wp--preset--color--background);
}

@media only screen and (min-width: 768px) {
	.block-author-box {
		display: grid;
		grid-template-columns: var(--cwp-image) 1fr;
		column-gap: 40px;
	}
}

@media screen and (max-width: 767px) {
	.block-author-box__content.cwp-inner{
		margin-top: 40px;
	}
}