Payment methods: fix alignment of 'Use as backup' text (#93757)

* Ensure that items in the right hand column of the grid align to the right.
Swap out delete text for trash icon on narrow viewport widths.

Revert changes from #93798

* Revert icon
Restore left padding for backup label

client/me/purchases/payment-methods/style.scss

@@ -119,12 +119,14 @@
 
 	@include breakpoint-deprecated( ">480px" ) {
 		margin-top: 0;
+		justify-self: flex-end;
 	}
 }
 
 .payment-method-delete__button {
 	text-decoration: underline;
 	padding: 0;
+	text-align: right;
 }
 
 .payment-method-delete-dialog {
@@ -143,19 +145,11 @@
 	margin-top: 16px;
 	width: 100%;
 
-	& .components-checkbox-control [data-wp-component="HStack"] {
-		justify-content: start;
-	}
-
 	@include breakpoint-deprecated( ">480px" ) {
 		margin-left: 0;
 		margin-top: 0;
-		text-align: right;
 		width: auto;
-
-		& .components-checkbox-control [data-wp-component="HStack"] {
-			justify-content: end;
-		}
+		justify-self: flex-end;
 	}
 }