/* Style the outer container */
.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: center;
}

/* Style each list item */
.pagination li {
    margin: 0 5px; /* Add spacing between individual pagination links */
}

/* Style each pagination link */
.pagination span {
    text-decoration: none;
    background-color: #ffffff;
    color: #333;
    border-radius: 6px;
}
.pagination a {
    text-decoration: none;
    background-color: #ffffff;
    color: #4A36EB;
    padding: 5px 10px;
    border-radius: 6px;
    font-weight: 500;
}
.pagination a:hover {
    text-decoration-line: none;
}
.pagination p {
    margin-top: 0.8rem;
    text-align: center;
    font-weight: 500;
}

/* Style the active pagination link */
.pagination .active a {
    background-color: #333;
}