/*
 * BrainBoost - Games Hub Page Styles
 * Styles specific to the games and tools hub page
 */

/* Game Card Hover Effects */
.transition-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.transition-lift:hover {
    transform: translateY(-8px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .1) !important;
}

/* Soft Button Variants */
.btn-soft-primary {
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
    border: none;
    transition: all 0.2s ease;
}

.btn-soft-primary:hover {
    background: #0d6efd;
    color: #fff;
}

.btn-soft-success {
    background: rgba(25, 135, 84, 0.1);
    color: #198754;
    border: none;
    transition: all 0.2s ease;
}

.btn-soft-success:hover {
    background: #198754;
    color: #fff;
}

.btn-soft-info {
    background: rgba(13, 202, 240, 0.1);
    color: #0dcaf0;
    border: none;
    transition: all 0.2s ease;
}

.btn-soft-info:hover {
    background: #0dcaf0;
    color: #fff;
}

.btn-soft-warning {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
    border: none;
    transition: all 0.2s ease;
}

.btn-soft-warning:hover {
    background: #ffc107;
    color: #000;
}

.btn-soft-danger {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    border: none;
    transition: all 0.2s ease;
}

.btn-soft-danger:hover {
    background: #dc3545;
    color: #fff;
}

.btn-soft-secondary {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
    border: none;
    transition: all 0.2s ease;
}

.btn-soft-secondary:hover {
    background: #6c757d;
    color: #fff;
}

.btn-soft-dark {
    background: rgba(33, 37, 41, 0.1);
    color: #212529;
    border: none;
    transition: all 0.2s ease;
}

.btn-soft-dark:hover {
    background: #212529;
    color: #fff;
}