/**
 * Shopify buy button layout inside WooCommerce product cards.
 */

.csp-shopify-loop-button,
.csp-shopify-single-button {
	display: block;
	width: 100%;
	margin-top: -20px;
}

.csp-shopify-buy-button {
	display: block;
	width: 100%;
}

.csp-shopify-buy-button--loop.shopify-buy-frame,
.csp-shopify-buy-button--single.shopify-buy-frame {
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.csp-shopify-buy-button iframe {
	display: block;
	width: 100%;
	border: 0;
}