/* hide the original widget - that there were no two labels on the screen */
#jivo_chat_widget {
	display: none;
}

@media (max-width: 767px) {
	#jivo_custom_widget {
		display: none;
	}
}

@media (min-width: 1930px) {
	#jivo_custom_widget {
		transform: scale(1.4) translate(-10px, -10px);
	}
}

#jivo_custom_widget {
	background-color: #A16FAA;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	position: fixed;
	cursor: pointer;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 3000;
}

#jivo_custom_widget .chat {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	background: url('images/chat.svg') 50% 50% no-repeat;
	width: 64px;
	height: 64px;
	transition: .5s all ease;
}

#jivo_custom_widget:before,
#jivo_custom_widget:after {
	display: block;
	content: ' ';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .5s opacity;
	width: 64px;
	height: 64px;
}

#jivo_custom_widget:after {
	background: url('images/logo-gc.svg') 50% 50% no-repeat;
	opacity: 0;
}

#jivo_custom_widget:before {
	opacity: 1;
	background: url('images/dots.svg') 50% 50% no-repeat;
}

#jivo_custom_widget:hover:before {
	opacity: 0;
}

#jivo_custom_widget:hover:after {
	opacity: 1;
}

#jivo_custom_widget:hover .chat {
	transform: translate(-50%, -50%);
}