.wswb-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #25D366;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  text-decoration: none;
}

.wswb-btn img { display:block; }

.wswb-bubble {
  position: absolute;
  bottom: calc(100% + 10px);
  background: #111;
  color: #fff;
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 14px;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
}
.wswb-bubble--visible { opacity: 1; transform: translateY(0); }


@media (max-width: 767px){
  .wswb-hide-mobile{ display:none !important; }
}
@media (min-width: 768px){
  .wswb-hide-desktop{ display:none !important; }
}


/* Keep bubble inside viewport */
.wswb-bubble{
  max-width: min(280px, calc(100vw - 40px));
  overflow-wrap: anywhere;
}

/* Align bubble based on button side */
.wswb-pos-right .wswb-bubble{ right: 0; left: auto; }
.wswb-pos-left .wswb-bubble{ left: 0; right: auto; }