/* ==========================================================================
   P2Phantom — pływający przycisk "Telegram"
   --------------------------------------------------------------------------
   Wstrzykuje pływający link do społeczności P2Phantom na Telegramie (bez
   modala — samo kliknięcie otwiera t.me w nowej karcie). Współdzielony przez
   stronę główną i wszystkie podstrony /docs/ — dołącz razem z
   telegram-float.js (<link rel="stylesheet">, obok waitlist.css).

   Ustawiony jest nad przyciskiem listy oczekujących (.wl-float), żeby oba
   pływające przyciski nie nachodziły na siebie — patrz offsety "bottom"
   niżej, wyliczone z wysokości .wl-float + odstęp.
   ========================================================================== */
.tg-float{
  position:fixed;right:24px;bottom:133px;z-index:150;
  display:block;border:none;background:none;padding:0;line-height:0;
  cursor:pointer;filter:drop-shadow(0 12px 28px rgba(0,0,0,0.45));
  transition:transform .2s;
  font-family:'JetBrains Mono',monospace;
}
.tg-float:hover{transform:translateY(-2px)}
.tg-float:focus-visible{outline:2px solid #27a7e7;outline-offset:4px;border-radius:20px}
.tg-float-desktop{display:block;width:300px;height:auto}
.tg-float-mobile{display:none;width:66px;height:66px}
@media(max-width:680px){
  .tg-float-desktop{display:none}
  .tg-float-mobile{display:block}
  .tg-float{right:16px;bottom:94px}
}