.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
}

.pagination > * {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  margin: 0 4px;
  color: var(--color-accent500);
  line-height: 20px;
  background-color: var(--color-background-normal);
  border-radius: 9999px;
}

.pagination > .active {
  color: #fff;
  background-color: var(--color-accent500);
}

.pagination > .gap {
  color: var(--color-accent500);
  margin: 0 4px;
  background: transparent;
}

.pagination .prev,
.pagination .next_page {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  color: #fff;
  background-color: var(--color-primary500);
  line-height: 100%;
}

.pagination .prev a,
.pagination .next_page a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.fa-angle-double-left,
.fa-angle-double-right {
  display: block;
}

.fa-angle-double-left:before,
.fa-angle-double-right:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.fa-angle-double-left:before {
  background-image: url('https://d114fh3hs40iw3.cloudfront.net/resources/assets/000/001/678/original/pagination-icon-arrow-left.svg?1771227778'); /* /theme/chienote2025/pagination-icon-arrow-left.svg */
}
.fa-angle-double-right:before {
  background-image: url('https://d114fh3hs40iw3.cloudfront.net/resources/assets/000/001/672/original/pagination-icon-arrow-right.svg?1771227777'); /* /theme/chienote2025/pagination-icon-arrow-right.svg */
}

.pagination .disabled {
  background-color: var(--color-background-disabled-btn);
}