.paginator{
    display: flex;
}

.paginator button{
    display: flex;
    background: var(--white-official);
    border: transparent;
}

.paginator button {
    padding: 0px;
}

.paginator button a{
    padding: 10px;
}

.paginator button a:hover {
    background: var(--color-official);
    color: var(--white-official);
}

.paginator ul{
    display: flex;
    padding: 0;
    list-style: none;
}

.paginator .page-number {
    background: var(--white-official);
    padding: 10px;
    margin: 0px 1px;
}

.paginator .active, .paginator .page-number:hover {
    background: var(--color-official);
    color: var(--white-official);
}