/* Identical navigation bubbles at every viewport size, regardless of glyph metrics. */
.news-nav { gap: 0.5rem; }

.news-nav .nav-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 5.5rem;
  width: 5.5rem;
  height: 2.75rem;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.2;
}