/* ── buttons.css — botones compartidos ─────────────────────── */

.btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 13px 24px; border-radius: 980px;
    font-family: var(--sans); font-size: 14px; font-weight: 600;
    text-decoration: none; cursor: pointer; border: 1px solid transparent;
    transition: transform .2s, box-shadow .2s, background .2s, border-color .2s;
}

.btn svg { width: 17px; height: 17px; flex-shrink: 0; }

.btn-primary {
    background: linear-gradient(135deg, var(--accent), var(--accent-deep));
    color: #fff; box-shadow: 0 4px 20px rgba(10, 155, 127, 0.30);
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 28px rgba(10, 155, 127, 0.45); }

.btn-secondary {
    background: var(--glass-fill); border-color: var(--glass-border); color: var(--ink);
}
.btn-secondary:hover { background: var(--glass-fill-hover); }