.ww-30th-stories-outro {
    background-color: var(--colors-orange);
    background-image: var(--images-footer);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-block: 0 73px;

    .container--full {
        --_content-columns: 1;
        --_content-block: 2.5rem;
        --_content-gap: 1.5rem;
        --_content-alignment: center;


        display: grid;
        grid-template-columns: repeat(var(--_content-columns), 1fr);
        gap: var(--_content-gap);

        text-align: var(--_content-alignment);
        padding-block: var(--_content-block);

        @media (width >=64rem) {
            --_content-columns: 2;
            --_content-block: 5.5rem;
            --_content-gap: 2.5rem;
            --_content-alignment: inherit;
        }
    }

    h2 {
        --_font-size: 2.5rem;

        @media (width >=64rem) {
            --_font-size: 5.25rem;
        }

        color: var(--colors-white);
        font-family: Montserrat;
        font-size: var(--_font-size);
        font-style: normal;
        font-weight: 900;
        line-height: 90%;
        text-transform: uppercase;
        text-shadow: var(--colors-deep-orange) -5px 5px;
    }

    .content {
        --_item-spacing-start: 0;
        --_item-spacing-end: 1.5rem;

        color: #FFF;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;

        &>* {
            margin-block: var(--_item-spacing-start) var(--_item-spacing-end);

            &:last-child {
                --_item-spacing-end: 0;
            }
        }

    }

    .content-buttons {
        --_flex-direction: column;

        --content-button-text-color: var(--colors-orange);
        --content-button-background-color: var(--colors-white);

        --content-button-active-text-color: var(--colors-white);
        --content-button-active-background-color: var(--colors-deep-blue);

        @media (width >=64rem) {
            --_flex-direction: row;
        }

        display: flex;
        flex-direction: var(--_flex-direction);
        flex-wrap: wrap;
        gap: 1rem;

        > * {
            flex: auto 1;
        }
    }
}