.pagination__area{
    /*padding:1.5rem 2rem;
    margin-top:3rem;*/
    background:var(--bg-offwhite-color);
    border-radius:5px
}
.pagination__list{
    margin-right:.8rem
}
.pagination__list:last-child{
    margin-right:0
}
@media only screen and (min-width:768px){
    .pagination__list{
        margin-right:1.2rem
    }
}
.pagination__item{
    width:3.4rem;
    height:3.4rem;
    line-height:3.2rem;
     color: #aaa;
  font-size: 16px;
  font-weight: bold;
    text-align:center;
    border-radius:50%;
    border:1px solid var(--border-color);
    background:var(--body-background-color)
}
@media only screen and (min-width:768px){
    .pagination__item{
        width:4rem;
        height:4rem;
        line-height:3.8rem;
       font-size: 16px;
  font-weight: bold;
    }
}
.pagination__item--current{
    background:var(--secondary-color);
    border-color:var(--secondary-color);
    color:var(--text-white-color)
}
.pagination__item:hover{
    background-color:transparent !important;
    border-color:var(--secondary-color);
    color:var(--text-white-color)
}