.btn btn-outline-secondary btn btn-warning{
    color:white;
}

/*=============================
    PAGINATION
==============================*/

.pagination {
    gap: 10px;
}

    .pagination .page-item {
        transition: .3s;
    }

    .pagination .page-link {
        width: 45px;
        height: 45px;
        border-radius: 14px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        background: #ffffff;
        color: #198754;
        font-weight: 700;
        box-shadow: 0 4px 10px rgba(0,0,0,.08);
        transition: .25s;
    }

        .pagination .page-link:hover {
            background: #198754;
            color: white;
            transform: translateY(-4px);
            box-shadow: 0 10px 20px rgba(25,135,84,.35);
        }

    .pagination .active .page-link {
        background: #198754;
        color: white;
        transform: scale(1.08);
        box-shadow: 0 8px 18px rgba(25,135,84,.35);
    }

    .pagination .page-link:focus {
        box-shadow: none;
    }

.featured-card {
    transition: .3s;
    overflow: hidden;
}

    .featured-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 35px rgba(0,0,0,.15);
    }

    .featured-card img {
        transition: .4s;
    }

    .featured-card:hover img {
        transform: scale(1.08);
    }