#nova-talks-app {
  --main-btn-bg: #ffffff;
  --main-border-color: #14191e;
  --messenger-btn-bg: radial-gradient(
    108.96% 108.96% at 19.25% 99.47%,
    #0099ff 0%,
    #a033ff 60.98%,
    #ff5280 93.48%,
    #ff7061 100%
  );
  --viber-btn-bg: #7360f2;
  --telegram-btn-bg: linear-gradient(180deg, #2aabee 0%, #229ed9 100%);
  --chat-btn-bg: #00c8fa;
  --support-icon-url: url(../images/NEbCEINROZVE.svg);
  --cross-icon-url: url(../images/EAPwXsiHPU06.svg);
  --messenger-icon-url: url(../images/11xkyzufs4vY.svg);
  --viber-icon-url: url(../images/0tSo6ar01SW4.svg);
  --telegram-icon-url: url(../images/wFZSAB2cKkyP.svg);
  --chat-icon-url: url(../images/cZBVh7riPtcE.svg);
}

/* Hide all original icons */
#nova-talks-app .widget-wrap .woot-widget-holder > a[class^='share-network-'] > svg {
  display: none;
}

/*Redesign services buttons*/
#nova-talks-app .widget-wrap .woot-widget-holder > a[class^='share-network-'] {
  width: 56px !important;
  height: 56px !important;
  background: none !important;
  position: relative;
  overflow: visible !important;
}
#nova-talks-app .widget-wrap .woot-widget-holder > a[class^='share-network-']:before {
  content: '';
  width: 56px !important;
  height: 56px !important;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
#nova-talks-app .widget-wrap .woot-widget-holder > a[class^='share-network-']:hover:before {
  width: 60px !important;
  height: 60px !important;
}
#nova-talks-app .widget-wrap .woot-widget-holder > a[class^='share-network-']:active:before {
  width: 52px !important;
  height: 52px !important;
}

#nova-talks-app .widget-wrap .woot-widget-holder > a[class^='share-network-']::after {
  content: ' ';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

#nova-talks-app .widget-wrap .share-network-messenger:before {
  background: var(--messenger-btn-bg);
}
#nova-talks-app .widget-wrap .share-network-messenger::after {
  background-image: var(--messenger-icon-url);
}

#nova-talks-app .widget-wrap .share-network-viber:before {
  background: var(--viber-btn-bg);
}
#nova-talks-app .widget-wrap .share-network-viber::after {
  background: var(--viber-icon-url);
}

#nova-talks-app .widget-wrap .share-network-telegram:before {
  background: var(--telegram-btn-bg);
}
#nova-talks-app .widget-wrap .share-network-telegram::after {
  background: var(--telegram-icon-url);
}

#nova-talks-app .widget-wrap .share-network-chat:before {
  background: var(--chat-btn-bg);
}

#nova-talks-app .widget-wrap .share-network-chat:after {
  background: var(--chat-icon-url);
}

/*  Main button  */
/* State: active */
#nova-talks-app .widget-wrap .woot-widget-bubble.woot-widget-bubble-color {
  width: 56px !important;
  height: 56px !important;
  transform: none !important;
  bottom: 0 !important;
  position: relative;
  background: none !important;
}
/* State: default */
#nova-talks-app .widget-wrap .woot-widget-holder-hide + .woot-widget-bubble {
  box-shadow: none !important;
  transform: none !important;
}
/*Add main button icons*/
#nova-talks-app
  .widget-wrap
  .woot-widget-holder.woot-widget-holder-hide
  ~ .bubble-container
  .woot-widget-bubble.woot-widget-bubble-color:after {
  content: '';
  background: var(--support-icon-url) center center no-repeat !important;
  width: 56px;
  height: 56px;
  display: block;
  border-radius: 50%;
  border: 2px solid #14191e;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#nova-talks-app
  .widget-wrap
  .woot-widget-holder
  ~ .bubble-container
  .woot-widget-bubble.woot-widget-bubble-color:after {
  background: var(--cross-icon-url) center center no-repeat !important;
  content: '';
  width: 56px;
  height: 56px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Hide default icon */
#nova-talks-app .widget-wrap .woot-widget-bubble.woot-widget-bubble-color img {
  display: none !important;
}
#nova-talks-app .widget-wrap button.woot-widget-bubble:hover {
  box-shadow: none !important;
}

/*Add scale effect of main button*/
#nova-talks-app .widget-wrap .woot-widget-bubble.woot-widget-bubble-color:before {
  content: '';
  background: var(--main-btn-bg) center center no-repeat;
  width: 56px;
  height: 56px;
  display: block;
  border-radius: 50%;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#nova-talks-app .widget-wrap .woot-widget-bubble.woot-widget-bubble-color:hover:before {
  width: 60px;
  height: 60px;
}
#nova-talks-app .widget-wrap .woot-widget-bubble.woot-widget-bubble-color:active:before {
  width: 52px;
  height: 52px;
}

/* Fix main button styles */
#nova-talks-app .widget-wrap .bubble-container {
  width: 56px;
  height: 56px;
}

/* Services list */
#nova-talks-app .widget-wrap .woot-widget-holder {
  width: 56px !important;
  margin-right: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  transition: opacity 0.2s linear, visibility 0.5s linear, height 1s linear 1s,
    transform 0.5s cubic-bezier(0.26, 0, 0.3, 1.33) !important;
  margin-bottom: 22px !important;
}

#nova-talks-app .widget-wrap .woot-widget-holder-hide {
  transform: translateY(80px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#nova-talks-app #chat-input {
  height: 32px !important;
}

#nova-talks-app .wrap-woot-widget-bubble-close {
  display: none;
}

#nova-talks-app * {
  z-index: 12 !important;
}