.modern-page-navigation {
  padding: 0.5em 0;
  font-weight: 500;
  display: flex;
  justify-content: center;
  gap: 12px;
}

.modern-page-navigation a, .modern-page-current, .modern-page-dots {
  color: var(--color-neutral-dark);
  padding: 6px 10px 0 10px;
  border-radius: 2px;
  text-decoration: none;
  border-color: var(--color-neutral-semi-bright);
  border: 1px solid transparent;
}

.modern-page-navigation a {
  transition-property: all;
  transition-duration: var(--duration-base);
}
.modern-page-navigation a:hover {
  border: 1px solid var(--color-neutral-semi-bright);
}

.modern-page-current {
  font-weight: bold;
  color: var(--color-neutral-bright);
  background-color: var(--color-primary-base);
  padding-bottom: 6px;
}

span.modern-page-first {
  padding-left: 10px !important;
}

@media (max-width: 550px) {
  .modern-page-navigation {
    gap: 8px;
  }
  .modern-page-dots {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */