.subscribe-cta {
    --caption-text: var(--asm-ftw-semi-bold) var(--asm-fts-sm)/18px var(--asm-font-family);
    
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-5);
    padding-inline: var(--space-6);
    padding-block: 17px;
    background-color: var(--asm-sw-grey-ultra-light);
}

.subscribe-cta .mobile-caption {
    display: flex;
    align-items: center;
    font: var(--caption-text);
    color: var(--asm-sw-black);
}

@media screen and (min-width: 64em) {
    .subscribe-cta {
        padding: 0;
        margin: 0;
        flex-direction: column;
        justify-content: initial;
        align-items: center;
        gap: var(--space-2);
        background-color: inherit;
    }

    .subscribe-cta .mobile-caption {
        display: none;
    }
}