.container2{
  width: 100%;
    margin: auto;
    height: 530px;
    position: relative;
    overflow: hidden;
/*    height: calc(var(--post-size)/.72);*/
    
    mask-size: var(--mask-size);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

    left: calc(-50vw + 50%);
}





.filter2{
    position: relative;
    left: -35%;
    height: 100%;
    width: 170%;
    display: flex;
    
}
.inner-box2{
    position: absolute;
    width: calc(100%/5); 
    height: 100%;
    margin-right: 20px;
    transition: all 0.5s ease-in-out;
}

.inner-box2>a{
    text-decoration: none;
    height: 100%;
    background-color: aqua;
}


.filter2{
    position: relative;

    height: 102%;
    width: 170%;
    display: flex;
    
}

.inner-box2>a{
    text-decoration: none !important;
    height: 100%;
    background-color: aqua; 
}

.seen-article{
    position: relative; 
    width:99%;
    height: 100%; 
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover; background-position: center bottom;
}

.inner-article{

    height: 101%; 
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    color: #0e3531;
}

.inner-article>h1{
    font-size: 19px; width: 100% ;background: #fff; 
    transition: all 0.2s ease-in-out;font-family:"Tw Cen Classified MT Std";padding: 1em; text-decoration: none !important; display: none; 
}

.inner-article>h1:hover{
    text-decoration: underline;
}


.inner-article>p{ font-family:"cera-bold"; background:#fff;  width:100%; padding: 1em;   font-size: 19px;  }

.inner-article>p span{ color: #1E8449 ; font-family:"Tw Cen Classified MT Std";}




.inner-article>p span : hover{ color: #dbf7a6 ; font-family:"Tw Cen Classified MT Std"; }

#buttonsContainer{
    width: 100px;
    margin: auto;
    display: flex;
    justify-content: space-between;

}

#buttonsContainer button{
    background-color: transparent;
    height: 42px;
    width: 50px; color: #DAF7A6;
    border-radius: 100%;
    border: 1px solid #DAF7A6;
}

#buttonsContainer button:hover{
    background-color: #DAF7A6;
   color: #0e3531;
    border: 1px solid #DAF7A6;
}



@media (max-width: 600px){
    .inner-article>h1{
        font-size: 20px;
    }

    .container2{     width: 100vw !important;  }
    
    .filter2{
    position: relative;
    left: -55%;
    }
    
    .inner-box2{
        width: 70vw;
        }
}