School of Gains · Presented by PaperGains

Consent banner

A slim bar docked at the bottom with position: sticky, so it takes up real space in the flow and never overlaps hero CTAs. Never use a centered modal for consent.

consent

Join the free Discord CTA stays visible above the bar

View HTML

<div style="border:1px solid var(--sog-border);border-radius:16px;overflow:hidden">
  <div style="padding:32px"><a class="sog-btn sog-btn--primary" href="#">Join the free Discord</a> <span class="sog-subtle" style="font-size:13px;margin-left:8px">CTA stays visible above the bar</span></div>
  <div class="sog-consent" role="region" aria-label="Analytics consent">
    <span><b style="color:var(--sog-text)">Your analytics choice.</b> Anonymous analytics help us improve. The site works either way.</span>
    <div class="sog-consent__actions"><button class="sog-btn sog-btn--ghost sog-btn--sm">Essential only</button><button class="sog-btn sog-btn--primary sog-btn--sm">Allow analytics</button></div>
  </div>
</div>