// Socials Widget
.fancify-core-single-agent-socials {
	display: flex;
	flex-wrap: wrap;

	.fancify-core-single-agent-social-icon {
		margin-right: 15px;
		cursor: pointer;
		border-radius: 50%;
		width: 41px;
		height: 41px;
		box-shadow: 0 3px 20px rgba($black-color, 0.15);
		margin-left: 0px;

		@include for-phone {
			margin-right: 8px;
			width: 38px;
			height: 38px;
		}

		&:hover {
			box-shadow: 0 5px 20px $default-green;
		}

		&:first-child {
			margin-left: 0px;
		}

		i {
			@include font-size(16);
		}
	}
}