HTML

<div class="alert" role="alert" aria-atomic="true">
                <div class="alert__wrapper l-contain u-cf">
                    <div class="alert__callout">
                        <span>Alert</span>
                    </div>
                    <div class="alert__text-container">
                            <span class="alert__title"><strong>Lorem Ipsum Alert:</strong></span>
                            <span class="alert__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet nibh scelerisque, fringilla odio vitae, tempus erat. Vestibulum ut placerat tellus. Donec eu odio a mi tempor consectetur eget.</span>
                        <div class="alert__cta">
                            <a href="#" class="alert__cta-link">
                                <span class="u-visuallyhidden">Learn more</span>
                            </a>
                            <span class="alert__cta-text" aria-hidden="true">Learn more</span>
                        </div>
                    </div>
                </div>
            </div> <!-- .alert -->