.heading-text-template {
    background-color: var(--background_color);
    color: var(--primary_text);
}

.heading-text__wrapper {
    display: grid;
    grid-template-columns: minmax(100px, 1fr);

    .group-text-button__block-wrapper {
        max-width: 664px;
    }
}

@media screen and (min-width: 1025px) {
    .heading-text__wrapper:has(> :nth-child(2)) {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
        gap: 1rem;

        .group-text-button__block-wrapper {
            max-width: 100%;
        }
    }
}