.logo span {
  font-size: 1.2rem;
  font-weight: bold;
}
body.light button.page-direct {
  background: var(--pill-col1);
}
button.page-direct {
  background: radial-gradient(
    circle at 30% 20%,
    var(--pill-col1),
    var(--pill-col2)
  );
  --pill-col1: hsl(var(--base-hue), 40%, 40%);
  --pill-col2: hsl(var(--base-hue), 80%, 20%);
  font-weight: bold;
  text-shadow: 2px 0 3px rgba(0, 0, 0, 0.6);
  transition: 200ms;
  filter: brightness(0.9);
}
button.page-direct:hover {
  scale: 1.05;
  border-radius: 1.8rem;
  filter: brightness(1.1);
  text-decoration: underline;
}