$break-mobile: 480px;
$break-tab: 960px;
.wp-block-guteblock-author-profile {
	&__avatarOuter {
		display: block;
		border-radius: 100%;
		overflow: hidden;
		width: 210px;
		height: 210px;
		margin: 0 auto;
		padding: 5px;
		border: 1px solid#eaeaea;

		img {
			border-radius: 100%;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	&__container {
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;
	}

	&__socialOuter {
		margin: 20px 0 10px;
	}
	&__contentOuter {
		width: 75%;
		max-width: 800px;
		margin: 0 auto;
	}
	&.align-center {
		text-align: center;
	}
	&.align-right {
		text-align: right;
	}
	h4.wp-block-guteblock-author-profile__authorName {
		margin: 20px 0 10px;
	}
	p.wp-block-guteblock-author-profile__authorDescription {
		margin: 0;
		font-size: 18px;
	}
	.clear {
		clear: both;
	}
	.social_links {
		background: #333;
		color: #fff;
		border-radius: 100%;
		height: 30px;
		font-size: 14px;
		margin: 0 3px;
		width: 30px;
		display: inline-block;
		line-height: 30px;
		text-align: center;
		// box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);

		i {
			color: #fff;
		}
	}

	.social_links.social_facebook {
		background: #3b5a95;
	}
	.social_links.social_twitter {
		background: #58adea;
	}
	.social_links.social_instagram {
		background: #d6249f;
		background: radial-gradient(
			circle at 30% 107%,
			#fdf497 0%,
			#fdf497 5%,
			#fd5949 45%,
			#d6249f 60%,
			#285aeb 90%
		);
		font-size: 16px;
	}
	.social_links.social_linkedin {
		background: #1178b5;
		font-size: 16px;
	}
	.social_links.social_youtube {
		background: #f32120;
		font-size: 16px;
	}
	@media screen and (max-width: $break-mobile) {
		&__contentOuter {
			width: 80%;
		}
	}
	&.is-style-2 {
		.wp-block-guteblock-author-profile__avatarOuter {
			float: left;
			margin: 0 30px 0 0;
			border: none;
			border-radius: 0;
			position: relative;
			z-index: 10;

			img {
				border-radius: 15px;
			}
		}
		h4.wp-block-guteblock-author-profile__authorName {
			padding-top: 15px;
		}
		@media screen and (max-width: $break-tab) {
			.wp-block-guteblock-author-profile__contentOuter {
				width: 80%;
			}
		}
		@media screen and (max-width: $break-mobile) {
			.wp-block-guteblock-author-profile__avatarOuter {
				float: unset;
				margin: 0 auto;
			}
		}
	}
}