/* Botões principais · pílula da casa. Base: "purple-kangaroo-17" (KINGFRESS, uiverse.io, MIT), sem as bolinhas (pedido do Edu, 03-nov). */
html body .btn.bx{
  --base:var(--ink);--ink-on:#fff;
  position:relative;border:0;border-radius:999px;
  background:var(--base);color:var(--ink-on);
  font-family:var(--f);font-size:13px;font-weight:400;letter-spacing:-.005em;
  padding:12px 26px;transition:opacity .25s,transform .25s;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation
}
html body .btn-glass.bx,
html body .nav:not(.solid):not(.open) .btn.bx,
html body .plan.dark .btn.bx{--base:#fff;--ink-on:var(--ink)}
@media (hover:hover){html body .btn.bx:hover{opacity:.86}}
html body .btn.bx:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
html body .btn.bx:active{transform:scale(.97)}
html body .nav .btn.bx{padding:9px 20px}
@media (max-width:680px){html body .nav-r .btn.bx{padding:8px 14px;font-size:12px}}
@media (prefers-reduced-motion:reduce){html body .btn.bx{transition:none}}
/* ícone do destino à direita do texto (js/buttons.js) */
html body .btn{display:inline-flex;align-items:center;gap:8px}
html body .btn .ic{width:16px;height:16px;flex:none;margin:-2px -2px -2px 0;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){html body .btn:hover .ic{transform:translateX(2px)}}
@media (prefers-reduced-motion:reduce){html body .btn .ic{transition:none}}
/* mais peso no texto e no ícone (Edu, 03-nov 23:22) */
html body .btn{font-weight:500}
html body .btn.bx{font-weight:600}
html body .btn .ic{stroke-width:2}
html body .btn.bx .ic{stroke-width:2.2}
/* texto dos botões 2px menor (Edu, 04-nov 02:00 UTC): 13 → 11px; ícone 16 → 13.5px, mesma proporção */
html body .btn,html body .btn.bx,html body .nav .btn.bx,html body header.nav .btn.bx{font-size:11px}
html body .btn .ic{width:13.5px;height:13.5px}
@media (max-width:680px){html body .nav-r .btn.bx,html body header.nav .btn.bx{font-size:10.5px}}