.pagination {
    margin-top: 15px;
    justify-content: center;
}

.paginationVT {
    text-align: center;
    clear: both;
    display: inline-flex;

    &.disabled li {
        opacity: 0.6;
    }

    li {
        color: black;
        border: 1px solid #ddd;
        border-left-width: 0px;
        transition: 0.1s opacity;

        &.active {
            background-color: #222322;
            border-color: #222322;
            color: white;

            a {
                color: #ddd;
            }
        }

        &:hover:not(.active) {
            background-color: #ddd;
        }

        &:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            border-left-width: 1px;
        }

        &:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        &.disabled {
            opacity: 0.2;
        }

        a {
            color: #444444;
            text-decoration: none;
            display: block;
            padding: 8px 16px;
            cursor: pointer;
        }
    }
}

@media (max-width: 400px) {
    .paginationVT li {
        padding: 5px 10px;
    }
}

/*# sourceMappingURL=pagination.css.map */