Prevent WooPayments-specific styles in the Checkout block to leak to other payment methods (#11085)

Author: Aljullu

changelog/fix-checkout-block-payment-label-styles-leak

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Prevent WooPayments-specific styles for the Checkout block to leak to other payment methods

client/checkout/blocks/style.scss

@@ -44,7 +44,8 @@ button.wcpay-stripelink-modal-trigger:hover {
 
 .wc-block-checkout__payment-method {
 	input:checked ~ div {
-		.wc-block-components-radio-control__label {
+		/* stylelint-disable-next-line selector-id-pattern */
+		.wc-block-components-radio-control__label:where( #radio-control-wc-payment-method-options-woocommerce_payments__label ) {
 			> .payment-method-label {
 				.test-mode.badge {
 					// hiding the badge when the payment method is not selected
@@ -54,7 +55,8 @@ button.wcpay-stripelink-modal-trigger:hover {
 		}
 	}
 
-	.wc-block-components-radio-control__label {
+	/* stylelint-disable-next-line selector-id-pattern */
+	.wc-block-components-radio-control__label:where( #radio-control-wc-payment-method-options-woocommerce_payments__label ) {
 		width: 100%;
 		display: block !important;