Alert

<div class="alert
    alert--success">
    <div class="alert__unformatted-content">

    </div>
    <div class="alert__content text">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.
    </div>
</div>

<div class="alert
    alert--success">
    <div class="alert__unformatted-content">

    </div>
    <div class="alert__content text">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.
    </div>
    <button type="button" class="alert__close">
            <svg class="icon  alert__close-icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#close"></use>
</svg>
            <span class="h-visually-hidden">Close</span>
        </button>
</div>

<div class="alert
    alert--error">
    <div class="alert__unformatted-content">

    </div>
    <div class="alert__content text">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.
    </div>
</div>

<div class="alert
    alert--error">
    <div class="alert__unformatted-content">

    </div>
    <div class="alert__content text">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.
    </div>
    <button type="button" class="alert__close">
            <svg class="icon  alert__close-icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#close"></use>
</svg>
            <span class="h-visually-hidden">Close</span>
        </button>
</div>

<div class="h-container sg-js-alert-example">
    <div class="text">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.</p>
        <div role="alert">

            <div class="alert
    alert--error sg-js-alert-example-alert">
                <div class="alert__unformatted-content">

                </div>
                <div class="alert__content text">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, ante eu dignissim interdum, nisl lacus tempus ante, viverra sollicitudin nisi ligula non erat. Morbi elementum nisi at nisl porta commodo.
                </div>
                <button type="button" class="alert__close">
            <svg class="icon  alert__close-icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#close"></use>
</svg>
            <span class="h-visually-hidden">Close</span>
        </button>
            </div>
        </div>
        <button type="button" class="button  sg-js-alert-example-button">
                    <span class="button__text">show alert</span>
                    </button>
    </div>
</div>