.wp-block-query-pagination.is-layout-flex.wp-block-query-pagination-is-layout-flex {
  margin-top: 64px;
}

.wp-block-query-pagination.is-layout-flex.wp-block-query-pagination-is-layout-flex .wp-block-query-pagination-numbers {
  display: flex;
  gap: 16px !important;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.page-numbers {
  border: 1.5px solid var(--wp--preset--color--noite);
  display: inline-flex;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
  color: var(--wp--preset--color--noite);
  text-decoration: none !important;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover,
.page-numbers:not(.current):hover {
  border-color: var(--wp--preset--color--artica-rio);
  background-color: var(--wp--preset--color--artica-rio);
  color: var(--wp--preset--color--neve);
}

.wp-block-query-pagination-previous-arrow.is-arrow-arrow,
.wp-block-query-pagination-next-arrow.is-arrow-arrow {
  margin: 0;
}


.page-numbers.current::after {
  content: "";
  position: absolute;
  bottom: -1px;
  min-width: 12px;
  height: 4px;
  background: var(--wp--preset--color--noite);
}

@media (max-width: 768px) {
  .wp-block-query-pagination-previous,
  .wp-block-query-pagination-next,
  .page-numbers {
    height: 32px;
    width: 32px;
  }
  .wp-block-query-pagination.is-layout-flex.wp-block-query-pagination-is-layout-flex .wp-block-query-pagination-numbers {
    gap: 4px !important;
  }
}