input[type=text], input[type=email], input[type=tel] {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #E4E4E6;
  border-radius: 10px;
  font: 400 15px Inter, sans-serif;
  background: #fff;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
}

input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(225, 27, 27, .12);
}

.stripe-el {
  background: #fff;
  padding: 12px 14px;
  border: 1px solid #E4E4E6;
  border-radius: 10px;
  min-height: 44px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
}

.stripe-el.StripeElement--focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(225, 27, 27, .12);
}