.alien-wa { position: fixed; z-index: 2147483001; bottom: 20px; display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 20px 0 14px; border-radius: 999px; background: #25D366; color: #fff; font: 600 15px/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .01em; text-decoration: none; box-shadow: 0 10px 28px rgba(0, 0, 0, .35); transition: transform .25s ease, box-shadow .25s ease; -webkit-tap-highlight-color: transparent; }
  .alien-wa:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0, 0, 0, .42); }
  .alien-wa:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
  .alien-wa svg { width: 26px; height: 26px; flex: none; }
  .alien-wa small { display: block; margin-top: 3px; font-weight: 400; font-size: 11.5px; opacity: .9; }
  .alien-wa.right { right: 20px; }
  .alien-wa.left { left: 128px; bottom: 16px; height: 35px; padding: 0 14px 0 10px; gap: 8px; font-size: 13px; font-weight: 500; }
  .alien-wa.left svg { width: 18px; height: 18px; }
  .alien-wa.left small { display: none; }
  @media (max-width: 640px) {
    .alien-wa.right { right: 14px; bottom: 16px; height: 50px; padding: 0 16px 0 12px; font-size: 14px; }
    .alien-wa.right small { display: none; }
    /* nas páginas de projeto, sobe acima das barras fixas que alguns sites têm no rodapé do celular */
    .alien-wa.left { bottom: 88px; }
    .alien-wa.left ~ .alien-back, .alien-back { bottom: 88px !important; }
  }
  @media print { .alien-wa { display: none; } }