.btn{border-radius:var(--radius-default);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);border:none;align-items:center;padding:8px 20px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-navy);color:var(--color-surface)}.btn-primary:hover{background:var(--color-navy-light);color:var(--color-surface);text-decoration:none}.btn--pill{border-radius:var(--radius-pill)}.btn--ghost{color:var(--color-surface);background:#ffffff1a;border:1px solid #ffffff26}.btn--ghost:hover{color:var(--color-surface);background:#ffffff2e;border-color:#ffffff40;text-decoration:none}