/* ============================================================
   BUTTONS
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.6rem;border-radius:999px;
  font-size:.82rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border:1.5px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:.4s var(--ease)}
.btn .dot{width:6px;height:6px;border-radius:50%;background:var(--pink);transition:.4s var(--ease)}
.btn:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.btn:hover .dot{transform:scale(2.2);background:var(--yellow)}
.btn--solid{background:var(--ink);color:var(--paper)}
.btn--solid .dot{background:var(--yellow)}
.btn--solid:hover{background:var(--turq);border-color:var(--turq);color:var(--ink)}
.btn--solid:hover .dot{background:var(--ink)}
.on-color .btn--solid:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.on-color .btn--solid:hover .dot{background:var(--pink)}

.btn--sm{padding:.55rem 1rem;font-size:.68rem;letter-spacing:.12em;gap:.5rem}
.btn-row{margin-top:2rem}
.btn-row--split{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}