Domain forwarding: Update DNS A name warning copy and CSS (#81041)

* Update copy and CSS

* Use old translation until the new copy is translated

* Added mobile css fix for warning message

---------

Co-authored-by: Paulo Trentin <paulo@paulotrentin.com.br>

client/my-sites/domains/domain-management/settings/cards/domain-forwarding-card.tsx

@@ -1,5 +1,6 @@
 import { Button, FormInputValidation } from '@automattic/components';
-import { localizeUrl } from '@automattic/i18n-utils';
+import { localizeUrl, useIsEnglishLocale } from '@automattic/i18n-utils';
+import { hasTranslation } from '@wordpress/i18n';
 import { Icon, trash, info } from '@wordpress/icons';
 import classNames from 'classnames';
 import { useTranslate } from 'i18n-calypso';
@@ -33,6 +34,7 @@ const noticeOptions = {
 export default function DomainForwardingCard( { domain }: { domain: ResponseDomain } ) {
 	const dispatch = useDispatch();
 	const translate = useTranslate();
+	const isEnglishLocale = useIsEnglishLocale();
 
 	const { data: forwarding, isLoading, isError } = useDomainForwardingQuery( domain.name );
 
@@ -203,14 +205,35 @@ export default function DomainForwardingCard( { domain }: { domain: ResponseDoma
 			return null;
 		}
 
-		const noticeText = translate(
-			'Connect your domain to WordPress.com to enable domain forwarding. {{a}}Learn more{{/a}}.',
-			{
-				components: {
-					a: <a href={ localizeUrl( MAP_EXISTING_DOMAIN ) } />,
-				},
-			}
-		);
+		const newNoticeText =
+			'To enable domain forwarding please "restore default A records." {{a}}Learn more{{/a}}.';
+
+		let noticeText;
+		if ( hasTranslation( newNoticeText ) || isEnglishLocale ) {
+			noticeText = translate(
+				'To enable domain forwarding please "restore default A records." {{a}}Learn more{{/a}}.',
+				{
+					components: {
+						a: (
+							<a
+								href={ localizeUrl(
+									'https://wordpress.com/support/domains/custom-dns/#default-records'
+								) }
+							/>
+						),
+					},
+				}
+			);
+		} else {
+			noticeText = translate(
+				'Connect your domain to WordPress.com to enable domain forwarding. {{a}}Learn more{{/a}}.',
+				{
+					components: {
+						a: <a href={ localizeUrl( MAP_EXISTING_DOMAIN ) } />,
+					},
+				}
+			);
+		}
 
 		return (
 			<div className="domain-forwarding-card-notice">

client/my-sites/domains/domain-management/settings/cards/style.scss

@@ -115,7 +115,11 @@
 }
 
 .domain-forwarding-card-notice {
-	margin-bottom: 16px;
+	margin: 0 16px 16px;
+
+	@include break-mobile {
+		margin: 0 24px 16px 24px;
+	}
 }
 
 .site-redirect-card__explanation,