<div class="messages--status messages status">
  <div class="container">
    <a href="javascript:void(0)" class="message-close">
      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="13 659.1 596.9 595.7" enable-background="new 13 659.1 596.9 595.7" xml:space="preserve">
<title>Close</title>
<path d="M409.4,843.2l-98,98l-97.9-97.9c-4.7-4.7-11.1-4.7-15.9,0s-4.7,11.1,0,15.9l97.9,97.9l-97.8,97.8c-4.7,4.7-4.7,11.1,0,15.9
	c4.7,4.7,11.1,4.7,15.9,0l97.9-97.9l97.9,97.9c3.2,3.2,9.5,3.1,14.2-1.6c4.7-4.7,4.7-11.1,0-15.9l-97.9-97.9l97.9-97.9
	c4.7-4.7,4.7-11.1,0-15.9C420.5,838.5,412.5,840.1,409.4,843.2z M101.4,746.9C-15.4,863.8-17,1051.7,99.9,1168.5
	c115.3,115.3,304.8,115.3,421.6-1.5c116.8-116.8,118.4-304.8,1.5-421.6C407.8,630.1,218.3,630.1,101.4,746.9z M505.8,1151.2
	c-108.9,108.9-282.7,109-390.1,1.6S9.9,870.1,117.3,762.7c108.9-108.9,282.7-109,390.1-1.6S613.1,1043.9,505.8,1151.2z"/>
</svg>

    </a>
    <!-- This copy will all be passed in using drupal_set_message() -->
    <img src="/fa_prototype/assets/images/book-cover-2.jpg" class="message-img">
    <div class="message-text">
      <h2 class="message-header">Flyout Message Here With A Standout Headline</h2>
      <p class="message-copy">Messages should be brief. Brevity is the soul of great UX.</p>
    </div>
    <div class="message-cta">
      <a class="button__red-reversed--light" href="#">Call To Action</a>
      <a class="button__blue" href="#">Optional CTA</a>
    </div>
    <!-- end drupal_set_message() copy -->
  </div>
</div>