/**
 * Klarna Express Checkout for WooCommerce Stripe.
 *
 * Layout only. Button colours, logo and typography are owned by Stripe and Klarna.
 */

.madex-klarna-express-checkout {
	clear: both;
	margin-top: 0.75em;
	width: 100%;
}

/*
 * Klarna's button ships without an outline, while Stripe's Apple Pay and Google
 * Pay buttons use their outlined light themes. Draw the same hairline around our
 * wrapper so the three buttons read as one stack. The radius is set from the
 * gateway's own button radius setting at runtime.
 */
.madex-klarna-express-checkout.madex-klarna-outlined {
	border: 1px solid #000;
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
}

#wc-stripe-express-checkout-element .madex-klarna-express-checkout {
	margin-top: 0.5em;
}

.madex-klarna-ece-notice {
	margin-bottom: 1em;
}

body.madex-klarna-ece-processing .madex-klarna-express-checkout {
	pointer-events: none;
}