.si-paginator {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.si-paginator-arrow {
  margin: 0;
  padding: 0 10px;
}

.si-page-numbers {
  width: 100%;
  text-align: center;
  font-family: "Public Sans", system-ui, sans-serif;
}

.si-paginator .si-paginator-arrow .post-pagination {
    margin: 0;
}

/* Fa in modo che ci sia spazio occupato nella prima e nell'ultima pagina, quando non c'è la freccia */
.si-paginator .pagination-arrow-placeholder {
  min-width: 40px;
  visibility: hidden;
}

.si-paginator a:has(> span > .pagination-arrow-placeholder) {
  border: none !important;
  min-width: 40px;
}

/* Evita il tasto "Next" vuoto a sinistra o "Previous" vuoto a destra */
.si-paginator a:has(> span > div.pagination-arrow-placeholder) {
    visibility: hidden;
  }

@media screen and (max-width: 575px) {
    .si-paginator a:has(> span > div.pagination-arrow-placeholder) {
        display: none;
      }
}

.si-paginator-arrow .post-page-numbers:has(.pagination-arrow-placeholder) {
  display: none;
}

.si-paginator-arrow .post-page-numbers:not(:has(.pagination-arrow-placeholder)) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  color: white;
  background-color: #ee3d49;
  border-radius: 100%;
  transition: transform 0.5s ease-in-out;
}

.si-paginator-arrow .post-page-numbers:not(:has(.pagination-arrow-placeholder)):hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
}

.si-paginator-arrow .post-page-numbers span i {
	font-size: 24px;
	display: flex;
}