.recipient-checkbox {
  margin-top: 24px;
}

.recipient-fields {
  display: none;
  margin-top: 24px;
}

.recipient-fields__field:not(:last-child) {
  margin-bottom: 16px;
}

.recipient-fields__field:last-child {
  margin-bottom: 2rem;
}

.recipient-form:has(.recipient-checkbox input[type='checkbox']:checked) .recipient-fields {
  display: block;
}

.recipient-form:has(
    .recipient-checkbox input[type='checkbox']:not(:checked, :disabled)
  )
  .recipient-fields,
.recipient-email-label {
  display: none;
}