.appointment-handoffs {
  display: grid;
  gap: var(--size-2);
  margin-block: var(--size-4);
}

.appointment-handoffs__preview summary {
  cursor: pointer;
  inline-size: fit-content;
}

.appointment-handoffs__preview p {
  margin-block-start: var(--size-1);
}

.appointment-handoffs .btn {
  --btn-border-color: transparent;
  --btn-color: #111827;
}

.btn--whatsapp {
  --btn-background: #25d366;
  --btn-hover-color: #35dc76;
}

.btn--calendar {
  --btn-background: #4285f4;
  --btn-hover-color: #6da1f7;
}