.allergy-menu-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-top: 12px;
  padding: 10px 15px;
  border: 1px solid rgba(49, 23, 16, .22);
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.allergy-menu-link:hover,
.allergy-menu-link:focus-visible {
  background: var(--bean);
  color: #fff;
  transform: translateY(-1px);
}

.allergy-menu-link span {
  font-size: 1.05em;
}

@media (prefers-reduced-motion: reduce) {
  .allergy-menu-link {
    transition: none;
  }
}