@layer ds.block {
    .block-cta-band {
        position: relative;
        overflow: clip;
        background: var(--color-heading);
        color: var(--color-text-invert);
    }

    .cta-band__motif { position: absolute; right: var(--space-7); bottom: var(--space-5); width: 11rem; opacity: 0.3; color: var(--brand-sage); }

    .cta-band__inner {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--space-5);
        text-align: center;
    }

    .cta-band__title { margin: 0; max-width: 22ch; font-family: var(--font-display); font-size: var(--text-h2); font-weight: var(--font-weight-medium); color: var(--color-text-invert); }

    .cta-band__body { margin: 0; max-width: 52ch; font-size: var(--text-lead); line-height: var(--line-height-base); color: var(--brand-sage-pale); }

    .cta-band__actions { display: flex; gap: var(--space-4); flex-wrap: wrap; justify-content: center; }

    .cta-band__actions .ds-btn--outline-secondary { border-color: var(--brand-sage); color: var(--brand-sage-pale); background: transparent; }
    .cta-band__actions .ds-btn--outline-secondary:hover { border-color: var(--brand-apricot); color: var(--brand-apricot); background: transparent; }
}