/*
 * "Sorry to see you go" (shared/_cancellation_question): one question, as a
 * card above the page, after a cancellation the Billing Portal did not ask
 * about. The answers are .checkbox-field rows with radios; Send and Skip sit
 * side by side under the comment.
 */
@layer components {
  .cancellation-question {
    display: grid;
    gap: var(--space-sm);
    max-inline-size: 36rem;
    margin-block-end: var(--space-lg);

    & form {
      display: grid;
      gap: var(--space-sm);
    }
  }

  .cancellation-question__answers {
    border: 0;

    & legend {
      margin-block-end: var(--space-2xs);
      color: var(--color-ink-soft);
      font-size: var(--text-ui);
    }
  }

  .cancellation-question__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
  }
}