/* ==========================================================================
   Component: closing CTA card  (site/partials/cta — pushes this file itself)
   --------------------------------------------------------------------------
   Lemon bento card: title + line of text, quote and WhatsApp pills, the
   packaging mark faint in the corner.
   ========================================================================== */

.co-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-6); padding-block: clamp(2rem, 1.5rem + 2.5vw, 3.5rem); }
.co-cta__copy { position: relative; max-width: 40rem; }
.co-cta__copy h2 { font-size: var(--fs-xl); }
.co-cta__copy p { margin-top: var(--s-2); color: rgb(32 57 74 / 0.8); font-size: var(--fs-md); }
.co-cta__actions { position: relative; display: flex; flex-wrap: wrap; gap: var(--s-2); }
.co-cta__mark { position: absolute; bottom: -30px; inset-inline-end: 22%; width: 180px; color: var(--navy); opacity: 0.07; }

@media (max-width: 575.98px) {
    .co-cta__actions, .co-cta__actions .btn { width: 100%; }
}