.visual-disclosure {
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr);
  align-items: start;
  gap: 0.75rem;
  color: rgb(242 234 221 / 68%);
  font-size: clamp(0.75rem, 0.82vw, 0.81rem);
  line-height: 1.6;
}

.visual-disclosure__icon {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  color: var(--color-champagne-400);
  border: 1px solid rgb(213 179 106 / 44%);
  border-radius: 50%;
  font-family: var(--font-display);
  font-size: 0.78rem;
  font-style: italic;
  line-height: 1;
}

.visual-disclosure a {
  color: var(--color-champagne-400);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.24em;
  transition:
    color var(--duration-fast) var(--ease-standard),
    text-decoration-color var(--duration-fast) var(--ease-standard);
}

.visual-disclosure a:hover,
.visual-disclosure a:focus-visible {
  color: var(--color-ivory-50);
  text-decoration-color: currentColor;
}

.visual-disclosure--light {
  color: rgb(8 17 16 / 68%);
}

.visual-disclosure--light .visual-disclosure__icon {
  color: #765721;
  border-color: rgb(118 87 33 / 46%);
}

.visual-disclosure--light a {
  color: #684b1e;
}

.visual-disclosure--light a:hover,
.visual-disclosure--light a:focus-visible {
  color: #071e1c;
}

@media (max-width: 767px) {
  .visual-disclosure {
    font-size: 0.75rem;
  }
}