Use CSS empty selector to remove spacing

Author: alefesouza

client/checkout/blocks/style.scss

@@ -92,6 +92,10 @@ button.wcpay-stripelink-modal-trigger:hover {
 	}
 }
 
+#remember-me:empty {
+	margin-bottom: 0;
+}
+
 #payment-method {
 	/* stylelint-disable-next-line selector-id-pattern */
 	#radio-control-wc-payment-method-options-woocommerce_payments_affirm__label

client/components/woopay/save-user/checkout-page-save-user.js

@@ -64,33 +64,31 @@ const CheckoutPageSaveUser = ( { isBlocksCheckout } ) => {
 	const viewportWidth = window.document.documentElement.clientWidth;
 	const viewportHeight = window.document.documentElement.clientHeight;
 
-	const woopayComponent = isBlocksCheckout
-		? document.querySelector( '#remember-me' )
-		: document.querySelector( '.woopay-save-new-user-container' );
-
 	useEffect( () => {
 		if ( ! isBlocksCheckout ) {
 			return;
 		}
 
-		if ( ! woopayComponent ) {
+		const rememberMe = document.querySelector( '#remember-me' );
+
+		if ( ! rememberMe ) {
 			return;
 		}
 
 		if ( checkoutIsProcessing ) {
-			woopayComponent.classList.add(
+			rememberMe.classList.add(
 				'wc-block-components-checkout-step--disabled'
 			);
-			woopayComponent.setAttribute( 'disabled', 'disabled' );
+			rememberMe.setAttribute( 'disabled', 'disabled' );
 
 			return;
 		}
 
-		woopayComponent.classList.remove(
+		rememberMe.classList.remove(
 			'wc-block-components-checkout-step--disabled'
 		);
-		woopayComponent.removeAttribute( 'disabled', 'disabled' );
-	}, [ woopayComponent, checkoutIsProcessing, isBlocksCheckout ] );
+		rememberMe.removeAttribute( 'disabled', 'disabled' );
+	}, [ checkoutIsProcessing, isBlocksCheckout ] );
 
 	const getPhoneFieldValue = useCallback( () => {
 		let phoneFieldValue = '';
@@ -305,13 +303,9 @@ const CheckoutPageSaveUser = ( { isBlocksCheckout } ) => {
 		! isWCPayWithNewTokenChosen ||
 		isRegisteredUser
 	) {
-		woopayComponent.style.display = 'none';
-
 		return null;
 	}
 
-	woopayComponent.style.display = 'block';
-
 	return (
 		<Container isBlocksCheckout={ isBlocksCheckout }>
 			<div className="save-details">

client/components/woopay/save-user/style.scss

@@ -1,9 +1,3 @@
-.woocommerce-checkout-payment {
-	.woopay-save-new-user-container {
-		padding: 1.41575em;
-	}
-}
-
 .woopay-save-new-user-container {
 	.save-details {
 		.wc-block-components-text-input input:-webkit-autofill {