/* ------------- 
content start - userSocialMediaButtons.css
------------- */

/* Кнопка "Общение с пользователем от GC" */
button[data-reactid='.0.1.1.0.0.1.a'] {
	display: block;
	margin-top: 5px;
}

/* Кнопки с мессенджерами */
.user-social-media-root {
	margin-top: 10px;
	margin-bottom: 10px;
}

.user-social-media-root-header {
	margin: 0;
	margin-bottom: 5px;
	font-weight: 700;
}

.user-social-media-root-icons-container {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(4, -webkit-min-content);
	-ms-grid-columns: -webkit-min-content 4px -webkit-min-content 4px -webkit-min-content 4px -webkit-min-content;
	-ms-grid-columns: min-content 4px min-content 4px min-content 4px min-content;
	grid-template-columns: repeat(4, min-content);
	grid-gap: 4px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.user-social-media-root-icons-container .social-media-link {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	-moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}

.user-social-media-root-icons-container .social-media-link:active,
.user-social-media-root-icons-container .social-media-link:focus {
	-webkit-transform: translate3d(0px, -2px, 0px);
	   -moz-transform: translate3d(0px, -2px, 0px);
	        transform: translate3d(0px, -2px, 0px);
}

@media (any-hover: hover) {
	.user-social-media-root-icons-container .social-media-link:hover {
		-webkit-transform: translate3d(0px, -2px, 0px);
		   -moz-transform: translate3d(0px, -2px, 0px);
		        transform: translate3d(0px, -2px, 0px);
	}
}
/* ------------- 
content finish - userSocialMediaButtons.css
------------- */