#stripe-payment-form {max-width: 500px; margin: auto;}
#stripe-payment-form label {display: block}
#stripe-payment-form input {width: 95%; padding: 5px 2%; font-size: 18px; display: block;}
#stripe-payment-form #stripe-submit {width: 100%; padding: 20px 2%; background-color: rgb(204, 91, 16); border-radius: 40px; text-transform: uppercase; color: white; font-weight: 600; border: 0; font-size: 20px; margin: 20px 0 0 0; cursor: pointer}
#stripe-payment-form .form-row {margin: 10px 0}
#stripe-payment-form .form-row.expiration {float: left; width: 80%;}
#stripe-payment-form .form-row.expiration input {width: 40%; float: left}
#stripe-payment-form .form-row.cvc {float: left; width: 20%;}

.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}