.lv-list-posts__list{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        margin: 0;
        padding: 0 0 0 10px;
    }

    .lv-list-posts__list > li{
        flex: 1 0 100%;
        max-width: calc(25% - 10px);
        list-style-type: none;
        text-align: left;
        display: flex;
        align-self: stretch;
    }

    .lv-list-posts .noPost{
        text-align: center;
        margin-bottom: 40px;
    }

    @media screen and (max-width: 1024px){
        .lv-list-posts__list > li{
            max-width: calc(33.3333% - 10px);
        }
    }

    @media screen and (max-width: 840px){
        .lv-list-posts__list > li{
            max-width: calc(50% - 10px);
        }
    }

    @media screen and (max-width: 640px){
        .lv-list-posts__list > li{
            max-width: calc(100% - 10px);
        }
    }

.lv-list-posts__pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        grid-gap: 5px 10px;
        margin: 40px auto 0;
        padding: 0;
    }

    .lv-list-posts__pagination li{
        list-style-type: none;
        width: 28px;
        height: 28px;
        margin-bottom: 0;
        border: 0;
    }
        
    .lv-list-posts__pagination li a{
        display: flex;
        align-items: center;
        justify-content: center;
        color: var( --e-global-color-primary );
        transition: all 100ms ease-in-out;
        border: 1px solid var( --e-global-color-primary );
        width: 28px;
        height: 28px;
    }
    
    .lv-list-posts__pagination li:hover a,
    .lv-list-posts__pagination li.active a{
        color: #FFF;
        background-color: var( --e-global-color-primary );
    }