/**
* Shows how you can use CSS to style your Element's container.
*/
.MyCardElement {
  height: 46px;
  padding: 13px 14px;
  width: 100%;
  color: #202124;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;

  box-shadow: none;
  -webkit-transition: border-color 150ms ease, box-shadow 150ms ease;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.MyCardElement--focus {
  border-color: #ce0a0c;
  box-shadow: 0 0 0 3px rgba(206, 10, 12, 0.15);
}

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

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