/* All buttons */
#reset-overlay, #apply-filters-btn, #reset-filters-btn, #all-matchups-scatter-btn {
    margin-top: 2px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #1f2937;
    color: white;
    font-weight: 700;
    cursor: pointer;
    transition: transform .08s ease, box-shadow .2s ease, opacity .2s;
}

/* Reset Overlay and Filter buttons */
#reset-overlay, #reset-filters-btn {
    background: #374151;
    margin-top: 8px;
}

#reset-overlay:hover, #reset-filters-btn:hover {
    transform: translateY(-1px);
}

/* Apply Filters button */
#apply-filters-btn {
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    box-shadow: 0 8px 24px rgba(29, 78, 216, .35);
}
#apply-filters-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 30px rgba(29, 78, 216, .45);
}
#apply-filters-btn.is-loading {
    opacity: .7;
    pointer-events: none;
}
#apply-filters-btn.is-loading::after {
    content: "  •••";
    animation: dots 1s steps(3, end) infinite;
}

/* All-Matchups Rrs Scatter button */
#all-matchups-scatter-btn {
    background: #2563eb;
    margin-top: 8px;
}
#all-matchups-scatter-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 30px rgba(37, 99, 235, .45);
}