/* Buttons: pill buttons, round icon buttons and their variants. */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--btn-bg);color:var(--btn-fg);font-size:13px;font-weight:500;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;transition:background .2s;white-space:nowrap;flex:none}
.btn:hover{opacity:.85}
.btn:disabled{opacity:.35;cursor:default}
.btn svg{width:14px;height:14px}
.btn .ic{width:15px;height:15px}
.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn-outline:hover{background:var(--btn-bg);color:var(--btn-fg);opacity:1}
.btn-small{padding:8px 14px;font-size:13px}
.btn-light{background:#fff;color:#0d1320}
.btn-ghost-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.btn-ghost-light:hover{background:rgba(255,255,255,.1);opacity:1}
.circle-btn{flex:none;width:36px;height:36px;border:1px solid var(--ink-2);border-radius:50%;display:grid;place-items:center;transition:.2s}
.circle-btn:hover{background:var(--btn-bg);color:var(--btn-fg)}
.circle-btn svg{width:14px;height:14px}