/**
 * Shared CTA microcopy
 * PurpleLab Context Engine
 *
 * The reassurance line that sits next to a WhatsApp CTA telling the visitor
 * what happens when they click. Shared by the WhatsApp button and the
 * Self-Qualification Checklist so both read the same way.
 */

.plce-cta-group {
    display: flex;
    flex-direction: column;
    align-items: inherit;
    gap: 8px;
}

.plce-cta-note {
    margin: 0;
    max-width: 42ch;
    font-size: 12px;
    line-height: 1.45;
    color: #6b6670;
}

/* Sits under the button by default; above when the author flips the order. */
.plce-cta-group--note-above {
    flex-direction: column-reverse;
}

/*
 * Inside the checklist the CTA row is centered, so the note follows it and
 * stays centered too.
 */
.plce-qualifier-cta .plce-cta-group {
    align-items: center;
    text-align: center;
}

.plce-qualifier-cta .plce-cta-note {
    text-align: center;
}