.nav-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: .75rem 1.25rem;
  border: 1px solid #8fe3cf;
  border-radius: .65rem;
  background: #8fe3cf;
  color: #102421;
  font-size: .95rem;
  font-weight: 650;
  line-height: 1.25;
  text-decoration: none;
  box-shadow: 0 3px 12px #0002;
}
.nav-button:hover { background: #b1efdf; border-color: #b1efdf; }
.nav-button:active { background: #76cfb9; border-color: #76cfb9; }
.nav-button:focus-visible { outline: 2px solid #8fe3cf; outline-offset: 4px; }