#jivo_custom_widget {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 300000;
}

#jivo_widget_icon {
	cursor: pointer;
	width: 65px;
  height: 65px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2231%22%20viewBox%3D%220%200%2030%2031%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.967%2022.226l-.025.008s7.698%2013.9%2026.975%205.546c0%200-1.495-1.752-4.384-3.52a14.067%2014.067%200%200%200%202.588-14.047c-2.655-7.297-10.7-11.07-17.964-8.425C2.89%204.433-.847%2012.492%201.81%2019.79c.313.863.703%201.677%201.157%202.436z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E%0A");
  background-position: center;
  background-size: 35px;
  background-color: #77384d;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

#jivo_chat {
	cursor: pointer;
	width: 40px;
	height: 40px;
	padding: 10px;
	background: rgb(68, 187, 110);
	border-radius: 50%;
  opacity: 0;
	transition: transform, opacity 200ms linear;
	transform: translateY(-50%);
	position: absolute;
	right: 13px;
	bottom: 2px;
}

.jivo-widget-social {
	cursor: pointer;
  opacity: 0;
	transition: transform, opacity 300ms linear;
	transform: translateY(-50%);
	position: absolute;
	right: 18px;
	bottom: 2px;
}

.jivo-widget-social img {
  width: 30px;
  height: 30px;
}

#jivo_custom_widget.is-open .jivo-widget-social {
  opacity: 1;
}

#jivo_custom_widget.is-open #jivo_chat {
  opacity: 1;
  transform: translateY(-70px);
}

#jivo_custom_widget.is-open #jivo_telegram {
  transform: translateY(-120px);
}

#jivo_custom_widget.is-open #jivo_whatsapp {
  transform: translateY(-160px);
}

#jivo_custom_widget.is-open #jivo_max {
  transform: translateY(calc(-200px));
}