.pagination--container{
   text-align: center;
}

.pagination__link{
   font-size: 18px;
   width: 30px;
   margin: 0 4px;
   display: inline-block;
   text-align: center;
   line-height: 30px;
   border-radius: 50%;
   color: var(--tisc-primary);

   & i{
       font-size: inherit;
       margin: 0;
   }

   &.active{
       background: var(--tisc-primary);;
       color: $white;

       a {
          color: $white;
       }
   }

  &:hover{
     background-color: var(--tisc-table-header);

     a{
        text-decoration: none;
        color: inherit;
        display: block;
        border-radius: 50%;
     }
  }
}