/* ===== Tombol ===== */
.btn{font:inherit;font-weight:700;border:0;border-radius:10px;padding:.65rem 1.1rem;cursor:pointer;background:var(--brand);color:#fff;transition:background .15s}
.btn:hover{background:var(--brand-d)}
.btn.alt{background:var(--brand-l);color:var(--brand-d)} .btn.alt:hover{background:#c7dcf3}
.btn.warn{background:var(--mari);color:#fff} .btn.warn:hover{background:#0069cc}
.btn.danger{background:#fbe6e3;color:var(--danger)}
.btn.sm{padding:.35rem .7rem;font-size:.85rem} .btn.block{width:100%}
.btn:disabled{opacity:.4;cursor:not-allowed}

.btn.locked{opacity:.65}
.btn.locked svg{margin-right:.35rem;vertical-align:-2px}