.bx-call-chat-header-call-button__scope {
	--call-chat-header-call-button__font-color_phone-number: var(--ui-color-palette-gray-90, #525c69);
	--call-chat-header-call-button__background-color_container: #00ace3;
	--call-chat-header-call-button__background-color_container-hover: #34bbe5;
	--call-chat-header-call-button__background-copilot-color_container: #8E52EC;
	--call-chat-header-call-button__background-copilot-color_container-hover: #9963EE;
	--call-chat-header-call-button__background-color_separator: rgba(var(--ui-color-palette-white-base-rgb), 0.3);

	--call-chat-header-call-button__font-color: var(--ui-color-palette-white-base, #fff);
	--call-chat-header-call-button__font-color_phone-title: var(--ui-color-palette-gray-50, #a8adb4);
	--call-chat-header-call-button__promo-title-color: #000000;
	--call-chat-header-call-button__promo-text-color: #525C69;
}

.bx-call-chat-header-call-button__container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding-left: 13px;
	background-color: var(--call-chat-header-call-button__background-color_container);
	border-radius: 56px;
	margin-right: 22px;
	cursor: pointer;
	transition: background-color 0.2s, background-image 0.2s;
}

.bx-call-chat-header-call-button__container.--copilot {
	background-color: var(--call-chat-header-call-button__background-copilot-color_container);
}

.bx-call-chat-header-call-button__container.--return {
	padding-left: 10px;
	padding-right: 8px;
	background-color: var(--ui-color-g-content-blue-2);
}

.bx-call-chat-header-call-button__container:hover {
	background-color: var(--call-chat-header-call-button__background-color_container-hover);
}

.bx-call-chat-header-call-button__container:hover.--copilot {
	background-color: var(--call-chat-header-call-button__background-copilot-color_container-hover);
}

.bx-call-chat-header-call-button__container:hover.--return {
	background-color: var(--ui-color-blue-80);
}

.bx-call-chat-header-call-button__container.--disabled {
	opacity: 0.4;
	cursor: default;
}

.bx-call-chat-header-call-button__container.--conference {
	padding-right: 13px;
}

.bx-call-chat-header-call-button__container.--conference .bx-call-chat-header-call-button__text {
	margin-right: 0;
}

.bx-call-chat-header-call-button__text {
	font: var(--ui-font-size-xs, 12px)/var(--ui-font-line-height-2xs, 1.3) var(--ui-font-family-primary, var(--ui-font-family-system));
	font-weight: var(--ui-font-weight-medium, 500);
	color: var(--call-chat-header-call-button__font-color);
}

.bx-call-chat-header-call-button__container.--return .bx-call-chat-header-call-button__text {
	color: var(--ui-color-palette-white-base);
}

.bx-call-chat-header-call-button__icon {
	width: 19px;
	height: 19px;
	margin-right: 3px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.75 6.042c-.875 0-1.583.709-1.583 1.583v4.75c0 .874.708 1.583 1.583 1.583h6.333c.875 0 1.583-.709 1.583-1.583v-4.75c0-.874-.708-1.583-1.583-1.583H4.75zm11.875.791l-3.167 1.48v3.552l3.167 1.302V6.833z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.75;
	transition: opacity 0.5s;
}

.bx-call-chat-header-call-button__icon.--copilot {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.541 7.626c0-.874.709-1.583 1.583-1.583h6.334c.874 0 1.583.709 1.583 1.583v4.75c0 .875-.709 1.584-1.583 1.584H5.124a1.583 1.583 0 01-1.583-1.584v-4.75zm10.292.888c0-.123.07-.235.182-.287l2.534-1.183c.21-.098.45.055.45.287v5.363a.317.317 0 01-.437.293l-2.533-1.04a.317.317 0 01-.196-.294V8.514zm-6.271 3.42c.045.126.226.126.272 0l.612-1.685a.144.144 0 01.088-.086l1.713-.6a.141.141 0 000-.268l-1.713-.602a.143.143 0 01-.087-.086l-.61-1.686c-.046-.126-.227-.126-.273 0l-.612 1.685a.143.143 0 01-.087.086l-1.714.6a.141.141 0 000 .268l1.713.602c.04.014.073.046.087.086l.61 1.686zm3.285-.003a.599.599 0 11-1.198 0 .599.599 0 011.198 0z' fill='%23fff'/%3E%3C/svg%3E");
}

.bx-call-chat-header-call-button__icon.--compact {
	opacity: 1;
}

.bx-call-chat-header-call-button__separator {
	width: 1px;
	height: 12px;
	margin-left: 5px;
	background-color: var(--call-chat-header-call-button__background-color_separator);
}

.bx-call-chat-header-call-button__chevron_container {
	display: flex;
	align-items: center;
	width: 29px;
	height: 100%;
	padding-left: 8px;
}

.bx-call-chat-header-call-button__chevron {
	width: 8px;
	height: 5px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' fill-rule='evenodd' clip-rule='evenodd' d='M6.955.288L4.692 2.55l-.57.562-.56-.562L1.3.288.5 1.086l3.627 3.628 3.627-3.628-.799-.798z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
}

.bx-call-chat-header-call-button__promo-container {
	--call-chat-header-call-button__promo-borer-color: #B095DC;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	padding: 16px 12px 20px 18px;
	border-bottom: 3px solid var(--call-chat-header-call-button__promo-borer-color);
}

.bx-call-chat-header-call-button__promo-title {
	font: var(--ui-font-size-3xl, 22px)/var(--ui-font-line-height-2xs, 1.3) var(--ui-font-family-primary, var(--ui-font-family-system));
	font-weight: var(--ui-font-weight-normal);
	color: var(--call-chat-header-call-button__promo-title-color);
}

.bx-call-chat-header-call-button__promo-text {
	font: var(--ui-font-size-lg, 15px)/var(--ui-font-line-height-md, 1.4) var(--ui-font-family-primary, var(--ui-font-family-system));
	font-weight: var(--ui-font-weight-normal);
	color: var(--call-chat-header-call-button__promo-text-color);
}

.bx-call-pulse-animation__container {
	--call-pulse-animation__border-color_ring: #2FC6F6;

	position: relative;
}

.bx-call-pulse-animation__ring {
	position: absolute;
	top: 50%;
	left: 49px;
	border: 3px solid var(--call-pulse-animation__border-color_ring);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: call-pulse-ring 2.1s infinite;
	opacity: 0;
	pointer-events: none;
}

.bx-call-pulse-animation__ring.--conference {
	left: 62px;
}

.bx-call-pulse-animation__ring:nth-child(2) {
	animation-delay: 0.7s;
}

.bx-call-pulse-animation__ring:nth-child(3) {
	animation-delay: 1.4s;
}

@keyframes call-pulse-ring {
	0% {
		width: 28px;
		height: 28px;
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		width: 62px;
		height: 62px;
		opacity: 0;
	}
}