:root{
--base-grey:#999999;
 --base-red:#ff0000;
 --base-f-size:15px;
 }

/*/// CONTACT US PAGE ///*/
.contact-us-wrapper {
 .klaviyo-form {
        width: clamp(280px, 70%, 800px);
    margin: 0 auto;
  button.needsclick {
   &:hover {
    background: url("//www.warriorchip.com/cdn/shop/t/2/assets/RedButton_Submit_HoverOver.png?v=165105257712628540241594747871") !important;
    background-position: center center !important;
    background-size: auto 80px !important;
   }

   background: url("//www.warriorchip.com/cdn/shop/t/2/assets/RedButton_Submit.png?v=29750034027626937241594747873") !important;
   display: flex;
   width: 100% !important;
   flex-wrap: nowrap;
   height: 45px !important;
   min-width: 160px !important;
   max-width: 160px !important;
   margin: 0 auto;
   background-size: auto !important;
   background-position: center center !important;
   background-size: auto 80px !important;
   @include transition-mix();
   font-size: 0 !important;
  }
  input, textarea{
    &:hover,&:focus,&:active,&:focus-visible{
    border:1px solid var(--base-red) !important;
    outline:none !important;
    }
  }
  input[id*="label-message"]{

  }
  label{
        margin-left: 5px;
  }
  textarea{
    height:auto !important;
  }
  label[id*="first_name"],label[id*="last_name"],label[id*="label-email"],label[id*="label-message"]{
&:before{
    content:"*";
    display:inline-flex;
    position: absolute;
    left:1px;
    color: var(--base-red);
}
  }
 }
}