/* ==========================================================================
   WhatsApp float (.x-wspfloat) — fixed pill, bottom-right of viewport
   ========================================================================== */

.x-wspfloat {
  position: fixed;
  right: 0;
  bottom: 32px;
  z-index: var(--z-wsp);
}

.x-wspfloat__link {
  display: block;
  text-decoration: none;
}

.x-wspfloat__pill {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-text);
  height: 48px;
  padding: 14px 16px;
  border-radius: 32px 0 0 32px;
  box-shadow: var(--shadow-float);
  transition: .3s ease-in;
}

.x-wspfloat__icon {
  width: 21px;
  height: 21px;
}

.x-wspfloat__text {
  color: var(--white);
  font-size: 16px;
  font-weight: 450;
  padding-left: 10px;
  line-height: 18px;
  margin: 0;
}