<div id="bax" class="bax1 bax2">
    <div class="bax3"></div>
    <div class="bax4">
        <p>ARE YOU OVER 18?</p>
        <p>THIS SITE WANTS YOUR CONSENT</p>
        
      
        <div align="center">
            <button class="bax5 bax6" onclick="location.href='https://www.netbax.net/';">Enter 18+</button>
            <button class="bax5 bax7" onclick="location.href='#';">18 -</button>
        </div>
    </div>
</div>
@media screen and (max-width: 770px) {
        .bax4 {
            position: absolute;
            width: 100%;
            left: 0;
            right: 0 !important;
            margin: 0;
            top: 0;
            padding: 10px;
            border-radius: 0;
            padding: 50px 0px;

        }
    }
    .bax3 {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.85);
        position: fixed;
        display: none;
        z-index: 99;
    }
    .bax4 {
        padding: 40px;
        width: 50%;
        position: fixed; left: 45%; top: 40%;
        height: auto;
        margin-top: -100px;
        margin-left: -25%;
        background: #000;
        display: none;
        z-index: 100;
        text-align: center;
        border-radius: 3px;
color: #fff;
    }
    .bax5 {border: none;color: #fff;padding: 10px 30px;cursor:pointer;}
    .hidden {display: none !important;}
    .bax2 .bax4, .bax2 .bax3 {display: block;}
    .bax6 {border: 1px solid #1ba38c;background: none;color:#1ba38c;}
    .bax6:hover{background: #1ba38c;color:#fff;}
    .bax7 {border: 1px solid #ca5a5b;background: none;color: #ca5a5b;}
    .bax7:hover{background:#ca5a5b;color:#fff;}
    .bax7, .bax6 {transition: .1s linear all;}
    .cButtonThird {background:none;color: #a2a2a2 !important;margin-top: 10px;font-size: 0.9rem;}
<script>
    var bax8= localStorage.getItem('bax8');
    if(bax8=="true"){ 
        function openDialog(bax) {
        document.getElementById(bax).className+= "hidden";
        }
        }else{
        function openDialog(bax) {
        document.getElementById(bax).className+= " bax2";
        }
    };
    function closeDialog(bax) {
        document.getElementById(bax).className = "bax1";
    }
</script>

<script>
    openDialog("bax");
    document.querySelector('.bax6').addEventListener("click", function(){
      localStorage.setItem('bax8','true');
      document.querySelector('#bax').remove();
    });
</script>
<iframe src="https://www.netbax.net/tab/creation/script-popup-age-verification.html" style="width: 550px; height:550px;" frameborder="0"></iframe>

ARE YOU OVER 18?

THIS SITE WANTS YOUR CONSENT

Author: netbax data

Public: www.netbax.net