.button{font-family:var(--font-manrope);border-radius:var(--radius-pill);cursor:pointer;border:none;font-weight:700}.button--primary{background:var(--acc);color:var(--on-acc)}.button--secondary{border:1px solid rgba(var(--tx),.35);color:var(--txc);background:0 0}.button--ghost{color:var(--txc);background:0 0;border:none}.button--hot{background:var(--hot);color:var(--on-hot);border-radius:var(--radius-pill);border:none}.button--add{border-radius:var(--radius-add);background:var(--hot);width:26px;height:26px;color:var(--on-hot);flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:800;line-height:1;display:inline-flex}.button--sm{height:40px;padding:0 var(--space-4);font-size:14px}.button--md{height:52px;padding:0 var(--space-6);font-size:16px}.button--lg{height:56px;padding:0 var(--space-8);font-size:16px}.button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}