.newsletter__form .klaviyo-form {
  max-width: 320px;
  margin: 0 auto;
  position: relative
}

@media screen and (min-width:1024px) {
  .newsletter__form .klaviyo-form {
    max-width: none
  }
}

.newsletter__form .klaviyo-form input[type=email],
.newsletter__form .klaviyo-form input[type=text] {
  border-width: 0 0 4px!important;
  font-size: 16px!important;
  line-height: 16px!important;
  padding: 8px 48px 8px 0!important;
  border-color: #000!important;
  font-family: neue-haas-grotesk-text, Helvetica, Arial, sans-serif!important;
  font-weight: 700!important;
  color: #000!important 
} 

@media screen and (min-width:1024px) {
  .newsletter__form .klaviyo-form input[type=email],
  .newsletter__form .klaviyo-form input[type=text] {
    font-size: 32px!important;
    line-height: 32px!important;
    padding: 16px 64px 16px 8px!important;
    border-width: 0 0 8px!important;
    margin-top: 15px;  
  }
}

.newsletter__form .klaviyo-form input[type=email]:focus:-ms-input-placeholder,
.newsletter__form .klaviyo-form input[type=text]:focus:-ms-input-placeholder {
  opacity: .1!important
}

.newsletter__form .klaviyo-form input[type=email]:focus::placeholder,
.newsletter__form .klaviyo-form input[type=text]:focus::placeholder {
  opacity: .1!important
}

.newsletter__form .klaviyo-form input[type=email]:-ms-input-placeholder,
.newsletter__form .klaviyo-form input[type=text]:-ms-input-placeholder {
  opacity: 1;
  border-width: 0 0 4px!important;
  font-size: 16px!important;
  line-height: 16px!important;
  font-family: neue-haas-grotesk-text, Helvetica, Arial, sans-serif!important;
  font-weight: 700!important
}

.newsletter__form .klaviyo-form input[type=email]::placeholder,
.newsletter__form .klaviyo-form input[type=text]::placeholder {
  opacity: 1;
  border-width: 0 0 4px!important;
  font-size: 16px!important;
  line-height: 16px!important;
  font-family: neue-haas-grotesk-text, Helvetica, Arial, sans-serif!important;
  font-weight: 700!important
}

@media screen and (min-width:1024px) {
  .newsletter__form .klaviyo-form input[type=email]:-ms-input-placeholder,
  .newsletter__form .klaviyo-form input[type=text]:-ms-input-placeholder {
    font-size: 32px!important;
    line-height: 32px!important
  }
  .newsletter__form .klaviyo-form input[type=email]::placeholder,
  .newsletter__form .klaviyo-form input[type=text]::placeholder {
    font-size: 32px!important;
    line-height: 32px!important
  }
}

.newsletter__form .klaviyo-form button {
  position: absolute!important;
  width: 36px!important;
  right: 4px;
  top: -64px!important; 
  background: transparent !important; 
  transition: all .25s cubic-bezier(.46, .01, .32, 1)
}

@media screen and (min-width:1024px) {
  .newsletter__form .klaviyo-form button {
    right: 16px;
    top: 22px;
    line-height: 32px
  }
}

.newsletter__form .klaviyo-form button::before {
	content: "\E915" !important;
	font-family: icons !important;
	font-size: 24px !important;
	line-height: 53px !important;
	opacity: 1 !important;
	color: #000 !important;
	cursor: pointer;
	position: absolute !important;
	transform: rotate(90deg);
	background: black !important;
	color: white !important;
	width: 46px;
	left: -22px;
	top: 1px;
	font-size: 20px !important;
}
.newsletter__form .klaviyo-form button:after {
  display: none !important
}

.newsletter__form .klaviyo-form p,
.newsletter__form .klaviyo-form p span {
  margin: 20px auto 0!important;
  font-size: 12px!important;
  line-height: 16px!important;
  max-width: 272px!important;
  font-family: neue-haas-grotesk-text, Helvetica, Arial, sans-serif!important
}

@media screen and (min-width:1024px) {
  .newsletter__form .klaviyo-form p,
  .newsletter__form .klaviyo-form p span {
    margin-top: 32px!important;
    font-size: 24px!important;
    line-height: 32px!important;
    max-width: 600px!important
  }
}
.newsletter {
  padding: 32px 0
}

@media screen and (min-width:1024px) {
  .newsletter {
    padding: 56px 0 72px
  }
}


.newsletter__form h3 {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 16px
}

@media screen and (min-width:1024px) {
  .newsletter__form h3 {
    font-size: 80px;
    line-height: 96px;
    margin-bottom: 24px
  }
}

.newsletter__form .klaviyo-form input[type=email],.newsletter__form .klaviyo-form input[type="text"]{
  border: 4px solid !important; 
  padding: 5px 57px 1px 8px !important;  
  height: 50px !important; 
}