.pagination{
   display: flex;
   justify-content: center;
   gap:12px;
   margin:60px 0;
  
 }

 .pagination a, 
 .pagination span{
   color: var(--primary-color);
   display: inline-flex;
   justify-content: center;
   align-items: center;
   height: 40px;
   min-width: 40px;
   padding:0 12px;
   text-decoration: none;
   border:1px solid transparent;
   border-radius: 6px;
   font-weight: 500;
   transition: 0.2s;

 }
 .pagination a:hover{
  border:1px solid var(--primary-color);
  transform:translateY(-1px)
}

.pagination .active{
  border:1px solid var(--primary-color);
  background-color:var(--secondary-color);
  font-weight: 600;
}