Как скрыть div через cookie в моем случаи?

Question

[koida000]

Помогите пожалуйста, мне нужно сделать так, чтобы при нажатии на кнопку подписаться она больше не показывалась пользователю, а показывалась лишь скачать файл. У меня получается так что при обновлении страницы кнопка снова отображается и пользователь отписывается.
Вот мой код

<div class="buttons" style="border-radius: 6px; font-size: 15px; text-align: center;">
          <a class="fa fa-youtube-play" href="#" id="btn_yt" onclick="show()" onmouseout="this.style.background='#990808'" onmouseover="this.style.background='red'" style="background: #990808; border-radius: 21px; color: white; display: inline-block; font-size: 20px; font-weight: 500; margin-left: auto;
    margin-right: auto; padding: 14px 0px; text-decoration: none; transition: all 0.2s linear 0s; width: 320px;">  Subscribe To Get Link&nbsp;&nbsp;<i class="fa fa-link" aria-hidden="true"></i></a>

   <div style="margin: auto;"> 
          <a href="[xfvalue_link]" id="yt" onmouseout="this.style.background='green'" onmouseover="this.style.background='#00adab'" style="background-color: green; border-radius: 29px; color: white; display: none; font-size: 20px; font-weight: 500; margin-left: auto;
    margin-right: auto; padding: 14px 0px; text-decoration: none; transition: all 0.2s linear 0s; width: 280px;" target="_blank"><i class="fa fa-download" aria-hidden="true"></i>&nbsp;&nbsp;Click To Download</a> 
          <a class="fa fa-download" href="#" id="ytv" style="background-color: #7102f7; border-radius: 15px; color: white; display: none; font-size: 20px; font-weight: 500; margin-left: auto;
    margin-right: auto; padding: 14px 0px; text-decoration: none; transition: all 0.2s linear 0s; width: 350px;">&nbsp;Checking you subscribe or not...</a>

     </div>
        </div>
  
        
<script type="text/javascript">
        var _0x28f9 = ["\x3C\x68\x32\x20\x61\x6C\x69\x67\x6E\x3D\x22\x63\x65\x6E\x74\x65\x72\x22\x3E\x3C\x69\x66\x72\x61\x6D\x65\x20\x73\x72\x63\x3D\x22", "\x2F\x3E\x3C\x2F\x69\x66\x72\x61\x6D\x65\x3E\x3C\x2F\x68\x31\x3E", "\x77\x72\x69\x74\x65"]; document[_0x28f9[2]](_0x28f9[0] + src1 + _0x28f9[1])
    </script>
        
   
<script type="text/javascript">
        document.getElementById("yt").style.display = "none";
        document.getElementById("ytv").style.display = "none";
        function show() {
            window.open('https://www.youtube.com/channel/123?sub_confirmation=1');
            // sleep(3000);
            setTimeout(function () {
                document.getElementById("yt").style.display = "block";
                document.getElementById("btn_yt").style.display = "none";
                document.getElementById("ytv").style.display = "none";
            }, 10000);
            //alert();
            document.getElementById("btn_yt").style.display = "none";
            document.getElementById("ytv").style.display = "block";
        }
        
    </script>