.pagination {
  margin: 20px auto 10px ;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  list-style: none;
  padding: 0;

  li {


    a,span{
      font-size: 14px;
      border-radius: 12px;
      padding: 4px 18px;
      background: var(--p20);

      &:hover{
        background: var(--p30);
      }
    }


    &.disabled {
      pointer-events: none;
      opacity: .7;
    }

    &.active {
      span{
        background: var(--p30);
      }


    }
  }
}