/**
* Shows how you can use CSS to style your Element's container.
* These classes are added to your Stripe Element by default.
* You can override these classNames by using the options passed
* to the `card` elemenent.
* https://stripe.com/docs/js/elements_object/create_element?type=card#elements_create-options-classes
*/

.StripeElement {
/*   border-radius: 4px; */

background-color: white;
  float: left;
  width: 100%;
  font-size: 15px;
  color: #333;
  border: 1px solid rgba(0,0,0,.3);
  padding: 15px 15px;
  height: 50px;
  margin-top: 20px;
  '::placeholder': {
    color: '#CFD7E0',
  }

}

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

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

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

