:root{
	--widget-color: #000000;
   --widget-color-transp: #00000070;
   --widget-transp: #00000000;
}

#chatbot-widget-autoplus{
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background-color: var(--widget-color);
   box-shadow: 0 0 0 0 var(--widget-color-transp);
   position: fixed;
   right: 30px;
   bottom: 30px;
   z-index: 2147483647;
   background-size: 30px;
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   transition: all ease 0.2s;
   animation: pulse 2s infinite;
}

#chatbot-widget-autoplus.active{
   box-shadow: 0 0 0 60px var(--widget-color-transp);
}

#chatbot-widget-autoplus .widget-image{
   position: absolute;
   left: 33%;
   top: 33%;
   z-index: 1;
   width: 20px;
   transform: rotate(0deg);
}

#chatbot-widget-autoplus .chatbot-widget_wrap{
   width: 0px;
   height: 0px;
   overflow: hidden;
   position: relative;
   bottom: -30px;
   right: -30px;
   border-radius: 50%;
   transition: all ease 0.2s;
}

#chatbot-widget-autoplus .chatbot-widget_wrap.active{
   width: 180px;
   height: 180px;
   bottom: 60px;
   right: 60px;
}

#chatbot-widget-autoplus .chatbot-widget_messenger-link{
   width: 35px;
   height: 35px;
   border-radius: 50%;
   position: absolute;
   background-position: center;
   background-size: 35px; 
   opacity: 0;
   transition: all ease 0.1s;
}

#chatbot-widget-autoplus .chatbot-widget_wrap.active .chatbot-widget_messenger-link{
   opacity: 1;
}

#chatbot-widget-autoplus .chatbot-widget_messenger-link.viber{
   background-image: url("../images/widget/viber_logo_icon.svg");
}

#chatbot-widget-autoplus .chatbot-widget_messenger-link.telegram{
   background-image: url("../images/widget/telegram_logo_icon.svg");
}
#chatbot-widget-autoplus .chatbot-widget_messenger-link.whatsapp{
   background-image: url("../images/widget/whatsapp_logo_icon.svg");
}
#chatbot-widget-autoplus .chatbot-widget_messenger-link.messenger{
   background-image: url("../images/widget/messenger_logo_icon.svg");
}

#chatbot-widget-autoplus .chatbot-widget_messenger-link:first-child{
   left: 50%;
   top: 16px;
}

#chatbot-widget-autoplus .chatbot-widget_messenger-link:nth-child(2){
   left: 25%;
   top: 19px;
}

#chatbot-widget-autoplus .chatbot-widget_messenger-link:nth-child(3){
   left: 9%;
   top: 53px;
}

#chatbot-widget-autoplus .chatbot-widget_messenger-link:nth-child(4){
   left: 10%;
   top: 98px;
}



#chatbot-widget-autoplus:hover,
#chatbot-widget-autoplus.active {
   animation: none;
 } 
 
 @-webkit-keyframes pulse {
   0% {
     -webkit-box-shadow: 0 0 0 0 var(--widget-color-transp);
   }
   70% {
       -webkit-box-shadow: 0 0 0 15px var(--widget-transp);
      }
   100% {
       -webkit-box-shadow: 0 0 0 0 var(--widget-transp);
   }
 }
 @keyframes pulse {
   0% {
     -moz-box-shadow: 0 0 0 0 var(--widget-color-transp);
     box-shadow: 0 0 0 0 var(--widget-color-transp);
   }
   70% {
       -moz-box-shadow: 0 0 0 15px var(--widget-transp);
       box-shadow: 0 0 0 15px var(--widget-transp);
   }
   100% {
       -moz-box-shadow: 0 0 0 0 var(--widget-transp);
       box-shadow: 0 0 0 0 var(--widget-transp);
   }
 }