.dialog {
  max-width: 690px;
}

.links {
  display: grid;
  gap: var(--Space-x05);
}

.link {
  align-items: center;
  background: var(--Surface-Feedback-Information);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: var(--Corner-radius-md);
  color: var(--Text-Interactive-Default);
  display: flex;
  flex-direction: column;
  gap: var(--Space-x1);
  padding: var(--Space-x3);
  /* text-decoration: none; */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media screen and (min-width: 768px) {
  .links {
    gap: var(--Space-x3);
    grid-template-columns: 1fr 1fr;
  }
}
