<div class="alert alert--green" role="alert">
  <div class="alert__title">
    <span class="icon icon--alert-white"></span>
    <h2 class="tc-white">Neque enim</h2>
  </div>
  <div class="alert__content">
    <p class="big">Arcu, sit et faucibus iaculis magna quam elementum. Eget sed neque sed diam consectetur scelerisque a ac. Elit et in feugiat in. Et quis.</p>
  </div>
  <div class="alert__btn">
    <a href="#" class="button button--green-inverse"><span>More</span></a>
  </div>
</div>

<div class="alert alert--green" role="alert">
  <div class="alert__title">
    <span class="icon icon--alert-white"></span>
    <h2 class="h4 tc-white">Neque enim</h2>
  </div>
  <div class="alert__content">
    <p class="big">Arcu, sit et faucibus iaculis magna quam elementum. Eget sed neque sed diam consectetur scelerisque a ac. Elit et in feugiat in. Et quis.</p>
  </div>
</div>

<div class="alert alert--gray" role="alert">
  <div class="alert__title">
    <span class="icon icon--help-answer-green"></span>
    <h2 class="h4 tc-green-dark">Neque enim</h2>
  </div>
  <div class="alert__content">
    <p class="big">Arcu, sit et faucibus iaculis magna quam elementum. Eget sed neque sed diam consectetur scelerisque a ac. Elit et in feugiat in. Et quis.</p>
  </div>
  <div class="alert__btn">
    <a href="#" class="button button--green"><span>More</span></a>
  </div>
</div>

<a href="#cookie-popup" data-mp-content class="button button--green"><span>Open cookie popup</span></a>
<div id="cookie-popup" class="cookie-popup mfp-hide">
  <div class="cookie-popup__content">
    <h2 class="h4 tc-white mb-3">PIŠKOTKI</h2>
    <p>Nec ullamcorper nullam etiam feugiat a pretium laoreet cursus. Aenean sapien risus vel rutrum facilisi hac elementum sagittis. Quis magna urna neque, orci, amet arcu. Augue nec velit neque dictum. Lectus sollicitudin volutpat amet eu, at elit diam cursus. Consectetur vestibulum faucibus ut lorem orci, ultrices nisl in etiam. Aliquam sed rhoncus nunc at enim, quis vitae. Iaculis consectetur elit cras amet. Dolor volutpat convallis adipiscing nunc. Nisi at volutpat malesuada risus sed ultricies facilisis lectus.
      <br /> Nibh est dapibus vitae tellus. Nulla auctor amet id tellus quam. Porttitor vitae ultrices maecenas duis purus, in id consequat amet. Fringilla leo enim turpis mauris. Nunc feugiat netus varius egestas nulla. At varius id tortor ac.</p>
  </div>
  <div class="cookie-popup__footer">
    <a href="#" class="button button--green-inverse"><span>Potrdi vse</span></a>
    <a href="#">Show me more</a>
  </div>
</div>