title: modal in same window and redirection in new window on href click using css only
body: <p>I am working on AMP complaint pages which do not allow to write java script except its predefined tags, so i must have to use css for this purpose. </p>
  
  <p>i need to open a modal pop up href click and open href link url in new window. </p>
  
  <p>tried some tricks like using checkbox with label, but not working in my case. </p>
  
  <pre><code>    &lt;label for="modal-1"&gt;this&lt;/label&gt;
      &lt;input class="modal-state" id="modal-1" type="checkbox" /&gt;
      &lt;div class="modal"&gt;
      &lt;label class="modal__bg" for="modal-1"&gt;&lt;/label&gt;
  &lt;div class="modal__inner"&gt;
       &lt;label class="modal__close" for="modal-1"&gt;&lt;/label&gt;
       &lt;h2&gt;Caaaats FTW!&lt;/h2&gt;
       &lt;p&gt;&lt;img src="" alt="" /&gt;Aliquam in sagittis nulla. Curabitur euismod diam eget risus venenatis, sed dictum lectus bibendum. Nunc nunc nisi, hendrerit eget nisi id, rhoncus rutrum velit. Nunc vel mauris dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fringilla quis nisi eget imperdiet.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>click on href --> modal pop up + link open in new tab</p>