.pagination {
    display: inline-block;
  }
  
  .pagination a {
    color: var(--primary-black);
    float: left;
    /* margin: .1rem; */
    font-weight: 600;
    padding: 10px 16px;
    text-decoration: none;
    border-radius: .8rem;
    transition: .5s;
  }
  
  .pagination a.active {
    border-radius: .8rem;
    background-color: var(--primary-color);
    color: var(--white-color);
    box-shadow: 0 6px 14px 0 var(--primary-color);
    transition: .5s;
  }
  
  .pagination a:hover:not(.active) {
    color: var(--white-color);
    background-color: var(--primary-color);
    border-radius: .8rem;
    }