.banner-wrapper{
        grid-column: 1 / -1;
        padding: calc(var(--spacer) * 2) 0;
        gap: calc(var(--spacer) * 2);
        background: var(--red);
        margin-bottom: calc(var(--spacer) * 2);
    }

    .banner__title {
        font-size: var(--text-lg);
        line-height: 1;
        text-wrap: balance;
        font-weight: 700;
        letter-spacing: -1px;
        grid-column: 2 / 8;
        grid-row: 1;
    }

    .banner-wrapper .btn-primary {
        grid-row: 2;
        grid-column: 2 / 10;
        width: 250px;
        display: flex;
        justify-content: center;
    }

    @media (min-width: 1200px) {
        .banner__title {
            font-size: var(--text-big);
            grid-column: 2 / 16;
        }
    }