/*
    Block: Text Content
    Note: Selectors must start with .block-text-content
*/

@layer blocks {
    .block-text-content .text-content > p {
        max-width: 80%;
        margin-inline: auto;
    }

    .block-text-content .buttons {
        margin-top: 2.5rem;
    }

    @media screen and (width <= 620px) {
        .block-text-content .main-wrapper {
            padding-inline: 0.5625rem;
        }

        .block-text-content .text-content > p {
            max-width: 100%;
        }
    }
}