#liveAgent-offline-btn > div {
  margin: 0;
  padding: 0;
}

.squareChatButtonText {
  background: #001832 !important;
  color: #6ff !important;
  margin-right: -5px !important;
}

.squareChatButton > .squareChatButtonRight,
.squareChatButton:hover .squareChatButtonRight {
  background-color: transparent !important;
}

.squareChatButton:hover > .squareChatButtonArrow {
  border-right-color: none !important;
}

.squareChatButton:hover .squareChatButtonText {
  max-width: 400px !important;
  padding: 16px 25px 16px 16px !important;
  opacity: 1 !important;
  -webkit-transition: all ease-out 0.5s !important;
  -moz-transition: all ease-out 0.5s !important;
  transition: all ease-out 0.5s !important;
}

.squareChatButtonIcon {
  background-color: transparent !important;
  background-image: url(https://media.industrialinfo.com/images/webp/chat.webp) !important;
  height: 100% !important;
  width: 100% !important;
  position: static !important;
}

.squareChatButton:hover > .squareChatButtonRight > .squareChatButtonIcon {
  background-color: transparent !important;
  background-image: url(https://media.industrialinfo.com/images/webp/chat-hover.webp) !important;
}

.squareChatButtonArrow {
  display: none !important;
}

@media print {
  #liveAgent-offline-btn {
    display: none;
  }
}

.liveAgent-offline-btn-animate > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInUp-liveAgent-offline-btn;
  animation-name: bounceInUp-liveAgent-offline-btn;
}

@-webkit-keyframes bounceInUp-liveAgent-offline-btn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes bounceInUp-liveAgent-offline-btn {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
