.wcpay-payment-request-wrapper {
	margin-top: 1em;
	width: 100%;
	clear: both;

	.woocommerce-cart & {
		margin-bottom: 0;
	}

	.woocommerce-checkout & {
		margin-top: 0;
	}

	> div {
		margin-bottom: 12px;

		&:last-of-type {
			margin-bottom: 0;
		}
	}
}

// This fixes width calculation issues inside the iframe for blocks and shortcode pages.
.wcpay-payment-request-wrapper,
.wc-block-components-express-payment__event-buttons {
	.StripeElement iframe {
		max-width: unset;
	}
	list-style: none;
}
