.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 6px;
    font-family: sans-serif;
}

    .pagination button {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid #ccc;
        background: #fff;
        cursor: pointer;
        font-size: 16px;
        line-height: 1;
        color: #333;
    }

        .pagination button:hover {
            border-color: #d3d3d3;
            color: #d3d3d3;
        }

        .pagination button.active {
            background: #0f75bc ;
            color: #fff;
            border-color: #d3d3d3;
            cursor: default;
        }

        .pagination button:disabled {
            
            cursor: not-allowed;
        }

    .pagination span {
        padding: 0 4px;
    }