.#{$prefix}-pagination {
  margin: 1.25rem 0;
  text-align: center;
  .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    li {
      span,
      a {
        background: rgb(var(--wpt-lms-white));
        border-radius: 0.188rem;
        font-size: 0.875rem;
        line-height: 0.875rem;
        color: rgb(var(--wpt-lms-black)) !important;
        height: 2.375rem;
        width: 2.375rem;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        &:focus {
          box-shadow: none;
          outline: 0;
        }
      }
      .current {
        color: rgb(var(--wpt-lms-white)) !important;
        background: rgb(var(--wpt-lms-primary-700));
      }
    }
  }
  &-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    .page-numbers {
      background: rgb(var(--wpt-lms-white));
      // border-radius: 0.188rem;
      font-size: 0.875rem;
      line-height: 0.875rem;
      color: rgb(var(--wpt-lms-black));
      height: 2.375rem;
      width: 2.375rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0;
      cursor: pointer;
      &.current {
        color: rgb(var(--wpt-lms-white));
        background: rgb(var(--wpt-lms-primary-700));
      }
    }
    .button {
      // padding: 10px 25px;
      // height: max-content;
    }
  }
}