/* CTA do formularza na karcie dnia, wróżbie dnia, tarocie za darmo i darmowym pytaniu.
   Wspólny wariant makiet; pozostałe przyciski zachowują style fundamentu. */
.sg-btn.nt-cta {
    gap: 0.625rem;
    padding: 0.875rem 1.375rem;
    border-radius: 2px;
    font-size: 0.96875rem;
    font-weight: 500;
    line-height: 1.65;
    letter-spacing: 0.01em;
    text-transform: none;
    background: var(--zoriana-cta);
    border-color: var(--zoriana-cta);
    color: var(--zoriana-cta-ink);
}
.sg-btn.nt-cta:hover { background: var(--zoriana-cta-hover); border-color: var(--zoriana-cta-hover); color: var(--zoriana-cta-ink); }
.sg-btn.nt-cta:focus-visible { outline: 3px solid var(--sg-zloto-jasne); outline-offset: 3px; }
.sg-pasmo--papier .nt-cta:focus-visible { outline-color: var(--sg-noc); }
.nt-cta::after { content: '↓'; content: '↓' / ''; font-size: 1.125rem; }
.nt-cta:hover::after, .nt-cta:focus-visible::after { transform: translateY(4px); }
.nt-cta--gora::after { content: '↑'; content: '↑' / ''; }
.nt-cta--gora:hover::after, .nt-cta--gora:focus-visible::after { transform: translateY(-4px); }
.sg-btn.nt-cta--bordo { background: #7a2433; border-color: #7a2433; color: #fff6ea; }
.sg-btn.nt-cta--bordo:hover { background: #1c1a17; border-color: #1c1a17; color: #fff6ea; }

/* Pływający przycisk, bez pasa pod nim; poza widokiem także poza tabulatorem. */
.nt-dok { display: none; }
@media (max-width: 759px) {
    .nt-dok {
        display: block;
        position: fixed;
        z-index: 50;
        inset-inline: 0.75rem;
        bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
        visibility: hidden;
        transform: translateY(140%);
        transition: transform 0.3s ease, visibility 0.3s;
    }
    .nt-dok.is-widoczny { visibility: visible; transform: none; }
    .nt-dok .nt-cta { width: 100%; box-shadow: 0 10px 26px rgba(12, 10, 24, 0.35); }
}
.nt-dok[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
    .nt-dok, .sg-btn.nt-cta, .nt-cta::after { transition: none; }
}