www/src/layouts/partials/klaviyo-form.html

<hr>
<div class="klaviyo-form-RqTcUf"></div>
<hr>
<p class="small mt-4" style="color:#949494;"><strong>Privacy Policy:</strong> We will never share, sell, or otherwise distribute your information to third-parties. We take a minimalistic approach to email marketing–meaning we'll only send you stuff when there's something you <em>absolutely</em> need to know about. You can read more about our privacy policies <a href="/privacy-policy/">here</a>.</p>
<script type="text/javascript" src="//www.klaviyo.com/media/js/public/klaviyo_subscribe.js"></script>

<style>

  #email_52016048{
    background-color: #1a1a1a !important;
    border: none !important;
    font-family: "pp-neue-machina", sans-serif !important;
    outline: none !important;
    font-size: 28px !important;
    padding-left: 0px !important;
    color: #949494 !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    padding-top:0px !important;
  }

  #email_52016048::placeholder{
    font-size: 28px !important;
    font-family: "pp-neue-machina", sans-serif !important;
    color: #949494 !important;
    font-weight: 400 !important;
  }

  #email_52016048:focus{
    outline: none !important;
    box-shadow: none !important;

  }

  button.needsclick.go3894874857.kl-private-reset-css-Xuajs1{
    background-color: #1a1a1a !important;
    padding-left: 2.5vw !important;
    font-family: "pp-neue-machina", sans-serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    color: #949494 !important;
    padding-right: 2.5vw !important;
    border-left: 2px solid #949494 !important;
    transition: 0.2s ease-in-out !important;
    padding-top:5px !important;
  }

  button.needsclick.go3894874857.kl-private-reset-css-Xuajs1:hover{
    box-shadow: inset 0px 0px 0px 5px #1a1a1a !important;
    background-color: #00ffd0 !important;
    color: #1a1a1a !important;
  }

  @media only screen and (max-width: 576px) {

    #email_52016048{
      background-color: #1a1a1a !important;
      border: none !important;
      font-family: "pp-neue-machina", sans-serif !important;
      outline: none !important;
      font-size: 28px !important;
      padding-left: 0px !important;
      color: #949494 !important;
      font-weight: 400 !important;
      text-transform: uppercase;
      padding-bottom: 5px !important;
    }

    #email_52016048::placeholder{
      font-size: 20px !important;
      font-family: "pp-neue-machina", sans-serif !important;
      color: #949494 !important;
      font-weight: 400 !important;
    }

    #email_52016048:focus{
      outline: none !important;
      box-shadow: none !important;

    }

    button.needsclick.go3894874857.kl-private-reset-css-Xuajs1{
      background-color: #1a1a1a !important;
      padding-left: 3vw !important;
      font-family: "pp-neue-machina", sans-serif !important;
      font-size: 20px !important;
      font-weight: 400 !important;
      color: #949494 !important;
      padding-right: 3vw !important;
      border-left: 2px solid #949494 !important;
      transition: 0.2s ease-in-out !important;
    }

    button.needsclick.go3894874857.kl-private-reset-css-Xuajs1:hover{
      box-shadow: inset 0px 0px 0px 5px #1a1a1a !important;
      background-color: #00ffd0 !important;
      color: #1a1a1a !important;
    }

     div.needsclick.kl-private-reset-css-Xuajs1{
       padding-top: 0px !important;
     }

  }



</style>