.exhibition-index-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-bottom: clamp(24px, 3vw, 38px);
  padding-block: 8px;
  color: var(--green);
  font-size: 12px;
  font-weight: 520;
  line-height: 1.4;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--green) 42%, transparent);
  text-underline-offset: 6px;
  transition:
    color 160ms ease,
    text-decoration-color 160ms ease;
}

.exhibition-index-link:hover {
  color: var(--ink);
  text-decoration-color: currentColor;
}

.exhibition-index-link:focus-visible {
  outline: 1px solid var(--green);
  outline-offset: 4px;
  color: var(--ink);
  text-decoration-color: currentColor;
}

@media (max-width: 760px) {
  .exhibition-index-link {
    min-height: 48px;
    margin-bottom: 20px;
  }
}

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