.pagination { 
    width: 100%;
    text-align: center;
    margin: 4rem auto;
}
.pagination a {
    color: var(--secondary-dark-text);
    font-family: var(--font-medium);
    padding: 8px 16px;
    margin-right:.5rem;
    text-decoration: none;
    background: #FFFFFF;
    border: 1px solid rgba(10, 44, 61, 0.12);
    border-radius: 1px;
    display: inline-block;
}
.pagination a.active {
    background: linear-gradient(0deg, rgba(45, 116, 255, 0.1), rgba(45, 116, 255, 0.1)), #FFFFFF;
  }
  
.pagination a:hover:not(.active) {background-color: #ddd;}
  
.pagination a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  
.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}