/*
    Block: Featured Text
    Note: Selectors must start with .block-featured-text
*/

.block-featured-text .main-wrapper {
    margin-inline: auto;
}

.block-featured-text .text-content {
    --gap: 3.125rem;
    text-align: center;
}

.block-featured-text .text-content :is(h1, h2, .h1, .h2) {
    --gap: 3.75rem;
}

.block-featured-text .text-content > p {
    margin-inline: 1.25rem;
}

.block-featured-text .buttons:not(:first-child) {
    margin-top: 2.5rem;
}

@media screen and (width <= 968px) {
    .block-featured-text .text-content > p:has(img) {
        margin-bottom: 3.75rem;
    }
    .block-featured-text .text-content :is(h1, h2, .h1, .h2) {
        margin-inline: 3.75rem;
    }
}
 
@media screen and (width <= 620px) {
    .block-featured-text .text-content {
        --gap: 1.875rem;
    }
    .block-featured-text .text-content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5) {
        --gap: 2.5rem;
    }
    .block-featured-text .buttons:not(:first-child) {
        margin-top: 2.1875rem;
    }
    .block-featured-text .text-content > p {
        margin-inline: 0;
    }
    .block-featured-text .text-content > p:has(> .icon) {
        --gap: 3.125rem;
        margin-bottom: 3.125rem;
    }
    .block-featured-text .text-content > p:has(img) {
        margin-bottom: 0 var(--gap);
    }
    .block-featured-text .text-content :is(h1, h2, .h1, .h2) {
        margin-inline: 0;
    }
}