.headline-text-btns .headline {
    grid-area: 2/3/2/span 3;
}

.headline-text-btns .text-container {
    grid-area: 2/7/2/span 3;
}

.headline-text-btns .btns-container {
    grid-area: 2/11/2/span 3;
    width: fit-content;
    min-width: max(128px, 10.9375vw);
}

.headline-text-btns .btns-container .default-btn {
    width: 100%;
}

@media (max-width: 1198.98px) {
    .headline-text-btns .headline {
        grid-area: 2/2/2/span 3;
    }

    .headline-text-btns .text-container {
        grid-area: 2/6/2/span 4;
    }
}

@media (max-width: 991.98px) {
    .headline-text-btns .headline {
        grid-area: 1/2/1/span 8;
    }

    .headline-text-btns .text-container {
        grid-area: 2/2/2/span 8;
    }

    .headline-text-btns .btns-container {
        grid-area: 2/10/2/span 4;
        justify-self: flex-end;
    }
}

@media (max-width: 767.98px) {
    .headline-text-btns {
        text-align: center;
    }

    .headline-text-btns .headline {
        grid-area: 1/3/1/span 10;
    }

    .headline-text-btns .text-container {
        grid-area: 2/3/2/span 10;
        margin-top: var(--m-30);
    }

    .headline-text-btns .btns-container {
        grid-area: 3/2/3/span 12;
        justify-self: center;
        margin-top: var(--m-small);
    }
}

@media (max-width: 575.98px) {
    .headline-text-btns .headline {
        grid-area: 1/2/1/span 12;
    }

    .headline-text-btns .text-container {
        grid-area: 2/2/2/span 12;
    }
}