Message

<div styling="interruptor">
    <h4>I'm an Interruptor</h4>
    <p>Interruptors are smaller than banners, but larger than alertboxes.<br>
        They're about drawing your attention to a CTA of some sort.</p>
    <p><a styling="button small disabled">Button</a></p>
</div>

<div styling="alertbox">
    Did you mean the shop <a href="">kitchensinks.co.uk</a>?
    <a href="" class="close">×</a>
</div>
<div styling="alertbox alertbox-secondary">
    Something you can probably ignore has happened.
    <a href="" class="close">×</a>
</div>
<div styling="alertbox alertbox-negative">
    Something bad has happened.
    <a href="" class="close">×</a>
</div>
<div styling="alertbox alertbox-warning">
    Something slightly worrying has happened.
    <a href="" class="close">×</a>
</div>
<div styling="alertbox alertbox-positive">
    Something good has happened.
    <a href="" class="close">×</a>
</div>