.ppcp-button-applepay {
	.ppcp-width-min & {
		--apple-pay-button-height: 35px;
	}
	.ppcp-width-300 & {
		--apple-pay-button-height: 45px;
	}
	.ppcp-width-500 & {
		--apple-pay-button-height: 55px;
	}
}

#applepay-container, .ppcp-button-applepay {
	--apple-pay-button-min-height: 35px;
	--apple-pay-button-width: 100%;
	--apple-pay-button-max-width: 750px;
	--apple-pay-button-border-radius: 4px;
	--apple-pay-button-overflow: hidden;

	&.ppcp-button-pill {
		--apple-pay-button-border-radius: 50px;
	}

	&.ppcp-button-minicart {
		--apple-pay-button-display: block;
	}
}

.woocommerce-checkout {
	#applepay-container, .ppcp-button-applepay {
		--apple-pay-button-border-radius: 4px;
		&.ppcp-button-pill {
			--apple-pay-button-border-radius: 50px;
		}
	}
}

.ppcp-has-applepay-block {

	.wp-block-woocommerce-checkout {
		#applepay-container, .ppcp-button-applepay {
			margin: 0;
			--apple-pay-button-margin: 0;
			--apple-pay-button-height: 48px;
			&.ppcp-button-pill {
				--apple-pay-button-border-radius: 50px;
			}
		}
	}

	.wp-block-woocommerce-cart {
		#applepay-container, .ppcp-button-applepay {
			margin: 0;
			--apple-pay-button-margin: 0;
			--apple-pay-button-height: 48px;
		}
	}
}

.wp-admin {
	.ppcp-button-applepay {
		pointer-events: none;
	}
	&.ppcp-non-ios-device {
		.ppcp-button-applepay {
			apple-pay-button {
				display: block;
			}
		}
	}
}

// todo remove
.ppcp-button-applepay {
	apple-pay-button {
		display: block !important;
	}
}