.page-button {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.7rem;
  border: 1px solid #53713d;
  border-radius: 0.35rem;
  background: #53713d;
  color: #fff;
  font-family: "Alegreya Sans", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}
.page-button:hover { background: #415b30; border-color: #415b30; }
.page-button:focus-visible { outline: 2px solid #8aa46e; outline-offset: 4px; }
.page-button svg { width: 1.1em; height: 1.1em; flex-shrink: 0; }