<!-- Mobile CTA's -->

<div class="row mt-5 gx-3 mobile-ctas">
  <div class="col-12 mb-2">
    <div class="klaviyo-form-WxjYGS"></div>
  </div>
  <p class="text-center small light-gray">or</p>
  <div class="col-12">
    <button class="mbtn hbtn-light hb-light-fill-right mb-4" id="follow-button" style="width:100%; text-transform:uppercase;"><i class="icon-twitter" style="position:relative;top:2px;"></i>Follow Us</button>
  </div>
</div>

<div class="mb-4 subscribe-collapse">
  <div class="col">
    <p class="text-center small grid-gray">Enter your email to join our newsletter:</p>
      <div class="klaviyo-form-WXJy3Y"></div>
    <div id="formResponse"></div>
  </div>
</div>

  <style>

    .subscribe-collapse{
      display:none;
    }

    .klaviyo-form-WxjYGS{
      border: none !important;
      padding: 0px !important;
    }

    .form-container{
      border: 1px solid #949494;
      border-radius: 5px !important;
      height: 50px;
    }

    #email{
      width:100%;
      height: 100% !important;
      background-color: #1a1a1a;
      border:none !important;
      color: white;
      font-family: "inter", sans-serif;
      border-radius: 5px;
    }
    #email-btn{
      text-transform: uppercase !important;
    }
    .email-send{
      text-transform: uppercase !important;
      width:20% !important;
      border-radius: 3px;
      height: 100% !important;
    }
    #email_62853377{
      background-color: #1a1a1a !important;
      border-radius: 0px !important;
      text-align: center !important;
      border-color: #949494 !important;
      color: #ffffff !important;
    }
    #email_62853377:hover{
      border-color: #949494 !important;
    }
    #email_62853377:focus{
      box-shadow:none !important;
    }
    .go3894874857{
      height: 50px !important;
      border-radius: 0px !important;
      font-family: "inter", sans-serif !important;
    }
  </style>

  <!-- Deep-linking script for Twitter follow button -->
<script>
  document.getElementById("follow-button").addEventListener("click", function() {
    if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
      window.location.href = "twitter://user?screen_name=teaxyz";
    } else if (navigator.userAgent.match(/Android/i)) {
      window.location.href = "twitter://user?screen_name=teaxyz";
    } else {
      window.location.href = "https://twitter.com/teaxyz";
    }
  });
</script>
