:where(.component-centered-callout) {
    text-align: center;
    :where(.component-wrapper > .region > .content-wrap) {
        :where(.content) {
            margin-bottom: var(--size-small);
        }

        :where(.content h2) {
            font-size: 2.8rem;
        }
    }

    :where(.ctas) {
        /*margin-top: var(--size-small);*/
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: var(--size-x-small);
        justify-content: center;
        :where(.component-button) {
            margin-top: var(--size-small);
        }
    }
}

@media screen and (width <= 50rem) {

    .component-centered-callout {
        padding-inline: 4rem;
        :where(.ctas) {
            grid-template-columns: 1fr;
        }
    }
}