.pagination-container {
    padding: 0 1rem 1rem;
    font-size: 0.8rem; 
}.page-item {
     color: var(--color-black);
     line-height: 36px;
 }
.pagination {
    gap: 1rem;
}li.page-item a,
.page-link {
     position: relative;
     display: flex;
     padding: 0.5rem;
     margin-left: 0;
     line-height: 1;
     background-color: #fff;
     border: 1px solid var(--color-gray-3);
     text-decoration: none;
     color: var(--color-black);
     width: 2.5rem;
     height: 2.5rem;
     border-radius: 0.25rem;
     justify-content: center;
     align-items: center;
 }li.page-item a{
       border-color:transparent}
.page-item.active .page-link {
    color: var(--color-black);
    background-color: var(--color-green-2);
    border-color: var(--color-green-2);
}
.page-link:hover {
    border-color: var(--color-black);
    box-shadow: var(--shadow-1);
    color: var(--color-black);
    background-color: #fff;
}.page-link:focus {
     z-index: 3;
     outline: 0;
     box-shadow: none;
     border: 2px solid var(--color-green-2);
     color: var(--color-black);
     text-decoration: none;
     background: #fff;
 }