.page-box {
  display: flex;
  justify-content: center;
  padding: 0 2rem;
  margin: 1rem 0 1.5rem;
}
.page-box ul {
  gap: 0.5rem;
  margin-bottom: 0;
}
.page-box ul li {
  padding: 0 1px;
  /*&:first-child,
  &:nth-child(2),
  &:last-child,
  &:nth-last-child(2) {
      a {
          padding: 5px 10px;

          &:hover {
              background-color: unset;
              color: #cdad7d;
          }
      }
  }*/
}
.page-box ul li.active a {
  background-color: var(--secondary-color);
  color: var(--el-color-black);
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
  border-color: 1px solid var(--glass-border);
}
.page-box ul li.active a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  transform: skewX(-25deg);
  opacity: 0.5;
}
.page-box ul li.active a:hover {
  color: var(--el-color-black);
  background-color: var(--secondary-dark-80);
}
.page-box ul li.active a:hover::before {
  animation: shine 0.8s forwards;
}
.page-box ul li a {
  display: block;
  border: 1px solid var(--glass-border);
  border-radius: 0.5rem;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0.5em 0.5em;
  color: var(--bs-white);
  transition: all 0.5s ease;
  min-width: 2em;
  text-align: center;
  background-color: var(--primary-dark-90);
}
.page-box ul li a:hover {
  background-color: var(--primary-dark-70);
  color: var(--bs-white);
}
.page-box ul li a:focus {
  box-shadow: unset;
}
.page-box.page-box_show ul li a {
  position: relative;
  font-size: 1rem;
  border: 1px solid var(--glass-border);
  padding: 0.75em 1em;
  border-radius: 0.5rem;
  color: var(--bs-white);
  transition: all ease 0.3s;
}
.page-box.page-box_show ul li a:hover {
  background-color: var(--primary-dark-70);
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/Rabbit/1.%25E5%25B0%2588%25E6%25A1%2588/A114085_BouFash/git/BouFash_core/EZWeb/wwwroot/css/Partials/PaginationPartial/PaginationPartial001.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AACA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;AAwDA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AArDI;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAsBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI%22%7D */