.fv-category-pagination {
    min-height:
        80px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        8px;
}


.fv-category-pagination
button {
    width:
        34px;

    height:
        34px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        #d8dadd;

    border-radius:
        4px;

    background:
        #ffffff;

    color:
        #333333;

    font-size:
        11px;

    cursor:
        pointer;

    transition:
        background
            0.16s ease,
        color
            0.16s ease,
        border-color
            0.16s ease;
}


.fv-category-pagination
button:hover:not(:disabled),
.fv-category-pagination
button.active {
    border-color:
        #ff587d;

    background:
        #ff587d;

    color:
        #ffffff;
}


.fv-category-pagination
button:disabled {
    color:
        #bfc4ca;

    cursor:
        not-allowed;

    background:
        #f8f8f8;
}


.fv-category-pagination
span {
    color:
        #b0b4ba;
}


@media (
    max-width: 720px
) {

    .fv-category-pagination {
        min-height:
            65px;

        justify-content:
            center;
    }

}