.woot--bubble-holder,
.woot-widget-holder {
  z-index: 900 !important;
}

.woot-widget-bubble {
  right: 20px !important;
  bottom: 20px !important;
  width: 56px !important;
  height: 56px !important;
  box-shadow: 0 8px 24px rgba(6, 36, 71, 0.18) !important;
}

.woot-widget-bubble:not(.woot--close) {
  background-color: #fff !important;
  background-image: url('../icon/chat-owl.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 34px 34px !important;
}

.woot-widget-bubble:not(.woot--close) svg,
.woot-widget-bubble:not(.woot--close) img {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

.woot-widget-bubble.woot--close {
  background-color: #fff !important;
  background-image: none !important;
}

.woot-widget-bubble.woot--close::before,
.woot-widget-bubble.woot--close::after {
  background-color: #319e0d !important;
  content: ' ' !important;
  display: inline !important;
  height: 22px !important;
  width: 2px !important;
  left: 27px !important;
  top: 17px !important;
  position: absolute !important;
}

.woot-widget-bubble.woot--close::before {
  transform: rotate(45deg) !important;
}

.woot-widget-bubble.woot--close::after {
  transform: rotate(-45deg) !important;
}

.woot-widget-holder.woot-elements--right {
  right: 20px !important;
  bottom: 88px !important;
}

@media (max-width: 480px) {
  .woot-widget-bubble {
    right: 16px !important;
    bottom: 16px !important;
  }

  .woot-widget-holder.woot-elements--right {
    right: 16px !important;
    bottom: 80px !important;
  }
}