/* robotatut.pl - guzik "wez aplikacje na telefon" na dole kazdej strony.

   Arkusz jest podpiety JAKO OSTATNI (layouts/site), bo w tym projekcie
   wygrywa nizszy - nowe reguly dopisujemy na koncu, a nie w cudzych
   plikach. */

.fapka{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:18px 16px 4px;text-align:center
}

.fapka-y{
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 18px;border-radius:999px;cursor:pointer;
  font:inherit;font-size:14.5px;font-weight:700;
  font-family:var(--f-display,inherit);
  color:var(--ink);background:transparent;
  border:1px solid rgba(212,175,55,.45)
}

/* Stopka jest ciemna, wiec znaczek i napis biora jej wlasny kolor
   tekstu (currentColor w parts/_ikona) - nie ustawiamy go drugi raz. */
.fapka-y svg{width:19px;height:19px;flex:0 0 19px}

.fapka-y:hover{border-color:rgba(212,175,55,.85);background:rgba(212,175,55,.10)}
.fapka-y:active{transform:translateY(1px)}

/* Zdanie "gdzie to kliknac" - pokazuje sie tylko wtedy, gdy przegladarka
   nie dala nam wlasnej propozycji instalacji. */
.fapka-jak{
  margin:0;max-width:44ch;font-size:13px;line-height:1.5;
  color:var(--ink2)
}
.fapka-jak b{color:var(--ink)}

@media (max-width:560px){
  .fapka{padding:14px 16px 2px}
  .fapka-y{width:100%;max-width:320px;justify-content:center}
}