/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
#stripe-card-element {
	min-height: 40px;
	padding: 10px;

}
.test-card-info{
	display: none; margin-top: 10px; background: #fff; padding: 10px; border-radius: 4px;
}
#stripe-card-element {
	background-color: #fff;  /* Same background color as Stripe Element */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	color: #32325d;
	width: 100%;
	box-sizing: border-box;
}
form#edit-payment-method-form {
    max-width: 400px;
    width: 100%;
    margin-bottom: 20px;
}

form#edit-payment-method-form  #card-element {
    border: 1px solid #DDD;
    padding: 10px 20px;
}

form#edit-payment-method-form #card-element {
    margin-block-start: 20px;
}

form#edit-payment-method-form button#save-new-card {
    margin-top: 20px;
    display: block;
}