Fix a bug where the guest order confirmation email input was too wide (#51277)

* Add styles to style the input width appropriately.

* Remove redundant styles.

* Remove unused import

* Add changefile(s) from automation for the following project(s): woocommerce-blocks, woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>

plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/status/style.scss

@@ -1,3 +1,16 @@
+.wc-block-order-confirmation-status-description {
+	.woocommerce-verify-email {
+		margin-top: $gap-larger;
+		#verify-email {
+			width: 50%;
+
+			@include breakpoint("<782px") {
+				width: 100%;
+			}
+		}
+	}
+}
+
 .wc-block-order-confirmation-status {
 	margin-top: $gap;
 	margin-bottom: $gap;

plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/summary/style.scss

@@ -36,12 +36,6 @@
 			}
 		}
 	}
-	.woocommerce-verify-email {
-		margin-top: $gap-larger;
-		#verify-email {
-			width: 50%;
-		}
-	}
 
 	&.has-background {
 		padding: $gap;

plugins/woocommerce/changelog/51277-bugfix-46283

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix a styling bug where the guest order confirmation email input was too wide.

plugins/woocommerce/src/Blocks/BlockTypes/OrderConfirmation/Status.php

@@ -2,8 +2,6 @@
 
 namespace Automattic\WooCommerce\Blocks\BlockTypes\OrderConfirmation;
 
-use Automattic\WooCommerce\Blocks\Utils\StyleAttributesUtils;
-
 /**
  * Status class.
  */