/* Keep original styles for list items and anchors */
.pagination__list li,
.pagination__list li a,
.pagination__list li span.pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1;
}

/* Center the entire pagination list with spacing between buttons */
.pagination__list {
  display: flex;
  justify-content: center; /* Center the list horizontally */
  list-style: none;
  margin: 0 auto; /* Ensure no default margins interfere */
  padding: 0;
  margin-bottom: 80px;
}

/* Add spacing between buttons */
.pagination__list li {
  margin: 0 0.3rem; /* Horizontal spacing between buttons */
}

/* Style for links and active span, with border */
.pagination__list .pagination__link {
  padding: 0.5rem 0.8rem;
  min-width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  text-align: center;
  border: 1px solid #10214B; /* Border for all buttons */
}

/* Style for disabled buttons */
.pagination__list .pagination__disabled {
  padding: 0.5rem 0.8rem;
  min-width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  text-align: center;
  border: 1px solid #9f9f9f; /* Match border with other buttons */
  color: #6c757d; /* Grey text for disabled buttons */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
}

/* Adjusted active LI to ensure alignment */
.pagination__list li.pagination__active {
  padding: 0;
  margin: 0 0.3rem; /* Match spacing with other buttons */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1; /* Match line-height with links */
  vertical-align: middle; /* Ensure consistent vertical alignment */
}

/* Ensure active span matches link styles exactly, including border */
.pagination__list li.pagination__active,
.pagination__list li.pagination__active > .pagination__link {
  background-color: #10214B;
  color: #fff;
  border: 1px solid #10214B; /* Match border with links */
  font-weight: 600;
  min-width: 40px;
  height: 40px;
  padding: 0.5rem 0.8rem; /* Match padding with links */
  border-radius: 0.5rem;
  line-height: 1; /* Match line-height with links */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0; /* No extra margins inside the span */
  vertical-align: middle; /* Ensure consistent vertical alignment */
}