/* CSS for Credit Card Payment form */
.form-row {
  border: 1px solid #b5b5b5;
  border-radius: 3px;
  padding: 12px 14px;
}

#loading-btn-submit {
  display: none;
}


.button-cancel {
  background: #e3403a;
border: 1px solid #da251f;
letter-spacing: 1px;
}

.button-cancel:hover {
background: #e02c26;
color: #fff;
text-decoration: none; 
border-color: #e02c26;
}


label[for="card-element"] {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
}

.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  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;
}

label[for="amount"] .form-wrapper.no-input::after {
  top:49%;
}