/* Compact Smart Invitation Tips cards only inside the mobile Automatoon document modal. */
@media (max-width: 640px) {
  .automatoon-document-modal-body .smart-invitation-tips-card {
    gap: 14px;
    padding: 18px;
  }

  .automatoon-document-modal-body .smart-invitation-tips-card-side {
    display: flex;
    align-items: center;
    align-self: auto;
    gap: 10px;
    min-height: 0;
    padding: 0;
  }

  .automatoon-document-modal-body .smart-invitation-tips-card-side::after {
    display: block;
    flex: 1 1 auto;
    align-self: center;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(125, 211, 252, 0.36), rgba(249, 115, 22, 0.08));
  }

  .automatoon-document-modal-body .smart-invitation-tips-card-side .automatoon-benefits-step-number,
  .automatoon-document-modal-body .smart-invitation-tips-card-side .automatoon-benefits-card-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
  }

  .automatoon-document-modal-body .smart-invitation-tips-card-side .automatoon-benefits-card-icon {
    border-radius: 13px;
    font-size: 1rem;
  }

  .automatoon-document-modal-body .smart-invitation-tips-card-body,
  .automatoon-document-modal-body .smart-invitation-tips-card-heading {
    gap: 8px;
  }

  .automatoon-document-modal-body .smart-invitation-tips-copy-stack {
    font-size: 14px;
    line-height: 1.7;
  }
}