<div class="c-modal js-modal">
    <a class="c-modal__toggle js-modal__toggle e-action" href="https://www.shoproku.cz" target="_blank">ShopRoku 2017</a>
    <section class="c-modal__window js-modal__window">
        <button type="button" class="c-modal__close js-modal__close" aria-label="Zavřít"><svg class="e-icon e-icon--circle u-gamma" aria-hidden="true"><use xlink:href="#cross"></use></svg></button>
        <div class="c-modal__content">
            <h3 class="e-heading u-epsilon u-tight">ShopRoku 2017</h3>
            <p>Ipsum repellendus sint in fugiat esse dolor ab debitis, qui neque aperiam minus tenetur, quaerat, eaque incidunt enim aliquam cum exercitationem non quo quis ea veritatis rerum, a quae. Ipsum!</p>
            <footer class="u-align-right">
                <a href="https://www.shoproku.cz" class="e-action" target="_blank">Labore temporibus</a>
            </footer>
        </div>
    </section>
</div>

<div class="c-modal c-modal--blur js-modal">
    <a class="c-modal__toggle js-modal__toggle e-action" href="https://www.shoproku.cz" target="_blank">ShopRoku 2017</a>
    <section class="c-modal__window js-modal__window">
        <button type="button" class="c-modal__close js-modal__close" aria-label="Zavřít"><svg class="e-icon e-icon--circle u-gamma" aria-hidden="true"><use xlink:href="#cross"></use></svg></button>
        <div class="c-modal__content">
            <h3 class="e-heading u-epsilon u-tight">ShopRoku 2017</h3>
            <p>Ipsum repellendus sint in fugiat esse dolor ab debitis, qui neque aperiam minus tenetur, quaerat, eaque incidunt enim aliquam cum exercitationem non quo quis ea veritatis rerum, a quae. Ipsum!</p>
            <footer class="u-align-right">
                <a href="https://www.shoproku.cz" class="e-action" target="_blank">Labore temporibus</a>
            </footer>
        </div>
    </section>
</div>