

@charset "UTF-8";
/* ПОДКЛЮЧЕНИЕ ШРИФТОВ */
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap");

/* Поле "Добавить примечание" */
.gc-user-block .user-info .editable-link-wrapper {
	margin-top: 10px;
}

/* Кнопка "Общение с пользователем от GC" */
button[data-reactid=".0.1.1.0.0.1.a"] {
	display: block;
}

/* Кнопки для интеграции с i2crm */
.button-social {
	font-family: 'Nunito', "proxima-nova", "Lato", Helvetica, Arial, sans-serif;
	display: inline-block;
	min-width: 190px;
	padding: 7px 20px;
	margin-top: 10px;
	border-radius: 4px;
	color: #ffffff !important;
	-webkit-transition: background-color .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
	transition: background-color .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
	transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease;
	transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
	text-align: center;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: 400;
}

.button-social:active {
	-webkit-transform: translate3d(0px, -3px, 0px);
	transform: translate3d(0px, -3px, 0px);
	-webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

@media (min-width: 767.98px) {
	.button-social:hover {
		-webkit-transform: translate3d(0px, -3px, 0px);
		transform: translate3d(0px, -3px, 0px);
		-webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
		box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
	}
}

.button-social_wa {
	background-color: #25d366;
	-webkit-box-shadow: 0px 5px 15px 1px rgba(37, 211, 102, 0.3);
	box-shadow: 0px 5px 15px 1px rgba(37, 211, 102, 0.3);
}

.button-social_wa:active {
	background-color: #1da851;
}

@media (min-width: 767.98px) {
	.button-social_wa:hover {
		background-color: #1da851;
	}
}

.button-social_inst {
	background: -webkit-gradient(linear, left top, right bottom, from(#9a1f8f), color-stop(#aa1b84), color-stop(#b61c79), color-stop(#c0226e), color-stop(#c72c63), color-stop(#cd315d), color-stop(#d33756), color-stop(#d73e4f), color-stop(#de4149), color-stop(#e34442), color-stop(#e9493b), to(#ed4e32));
	background: linear-gradient(to right bottom, #9a1f8f, #aa1b84, #b61c79, #c0226e, #c72c63, #cd315d, #d33756, #d73e4f, #de4149, #e34442, #e9493b, #ed4e32);
	-webkit-box-shadow: 0px 5px 15px 1px rgba(154, 31, 143, 0.3);
	box-shadow: 0px 5px 15px 1px rgba(154, 31, 143, 0.3);
}

.button-social_inst:active {
	background: -webkit-gradient(linear, right bottom, left top, from(#9a1f8f), color-stop(#aa1b84), color-stop(#b61c79), color-stop(#c0226e), color-stop(#c72c63), color-stop(#cd315d), color-stop(#d33756), color-stop(#d73e4f), color-stop(#de4149), color-stop(#e34442), color-stop(#e9493b), to(#ed4e32));
	background: linear-gradient(to left top, #9a1f8f, #aa1b84, #b61c79, #c0226e, #c72c63, #cd315d, #d33756, #d73e4f, #de4149, #e34442, #e9493b, #ed4e32);
}

@media (min-width: 767.98px) {
	.button-social_inst:hover {
		background: -webkit-gradient(linear, right bottom, left top, from(#9a1f8f), color-stop(#aa1b84), color-stop(#b61c79), color-stop(#c0226e), color-stop(#c72c63), color-stop(#cd315d), color-stop(#d33756), color-stop(#d73e4f), color-stop(#de4149), color-stop(#e34442), color-stop(#e9493b), to(#ed4e32));
		background: linear-gradient(to left top, #9a1f8f, #aa1b84, #b61c79, #c0226e, #c72c63, #cd315d, #d33756, #d73e4f, #de4149, #e34442, #e9493b, #ed4e32);
	}
}
