/ * 
 * SwanPay Express Checkout Button Styles
 * 
 * @package WooCommerce\Templates
 * @version 7.0.0
 */

.swanpay-express-checkout {
	--swanpay-express-height: 48px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 12px 0 0;
	clear: both;
	flex: 1 1 100%;
}

.swanpay-express-checkout--cart {
	margin: 0 0 12px;
}

.woocommerce button.swanpay-express-checkout-button,
.woocommerce-page button.swanpay-express-checkout-button,
.swanpay-express-checkout-button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: var(--swanpay-express-height, 48px);
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 6px;
	background: #13171a !important;
	box-shadow: none !important;
	min-height: 0 !important;
	min-width: 0 !important;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	overflow: hidden;
	float: none;
	transition: opacity 0.15s ease-in-out;
}

.woocommerce .swanpay-express-checkout-button img,
.woocommerce-page .swanpay-express-checkout-button img,
.swanpay-express-checkout-button img {
	display: block;
	width: auto !important;
	height: 100% !important;
	max-width: 100% !important;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	object-fit: contain;
	vertical-align: top;
}

.swanpay-express-checkout-button:hover {
	opacity: 0.88;
}

.swanpay-express-checkout-button:focus-visible {
	outline: 2px solid #13171a;
	outline-offset: 2px;
}

.swanpay-express-checkout-button.is-busy {
	opacity: 0.6;
	pointer-events: none;
}

/* Cart block express-payment slot, shared with Apple Pay / Google Pay. */
.swanpay-express-checkout-button--block {
	--swanpay-express-height: 48px;
}