/* Remove default link styles */
a {
    text-decoration: none; /* Remove the underline */
    color: inherit; /* Inherit the color from parent */
}

.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;  /* Limit the width to 80% of the parent container */
    max-width: 100%;  /* Ensure it doesn't exceed the parent container's width */
    margin: 0 auto;  /* Center the container horizontally */
    padding: 10px;  /* Optional: add some padding for spacing */
    box-sizing: border-box;  /* Include padding in the width calculation */
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;  /* Reduced gap between pagination items */
    max-width: 100%;  /* Ensure pagination doesn't exceed the container's width */
}

.pagination-link {
    padding: 2px 1px;  /* Reduced padding to make buttons smaller */
    background-color:rgb(0, 0, 0);
    border-radius: 4px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}

.pagination-link:hover {
    background-color: #000000;
    color: #007bff;
}

.pagination-link.disabled {
    background-color:rgb(0, 0, 0);
    cursor: not-allowed;
}

.pagination-link.current {
    background-color:rgb(0, 0, 0);
    color: #FF0000;
}