@import "../../../assets/scss/variables";

#pagination {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;


  & > li {
    cursor: pointer;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: $medium;
    color: $alternate-text-color;
    border-radius: 7px;
    background-color: white;

    &.disabled {
      opacity: 0.2;
      pointer-events: none;
      cursor: initial;
    }

    &:not(.disabled):hover {
      background-color: #EFEFEF;
    }
  }

  &.dua-list {
    li{
      height: 29px;
      width: 29px;
      border-radius: 0;
      color: $main-color;

      &.current {
        background-color: $main-color;
        opacity: 1;
        color: white;
        pointer-events: none;
        cursor: initial;
      }
      &:not(.disabled):hover {
        background-color: inherit;
        border: 1px solid $main-color;
      }

    }


  }

  &.loading > li {
    cursor: wait !important;
  }
}