API-41180 De Emphasise MHV and DSLogon IDP's (#515)

* Update UI to de-emphasise MHV and DSLogin

* remove dslogonH3 id

* remove note and bottom page spacing match

views/login_selection.ejs

@@ -77,35 +77,42 @@
               </g>
             </svg>
           </a>
-          <a class="usa-button dslogon-signin vads-u-margin-y--1p5 vads-u-padding-y--2" href="<%- dslogon_login_link -%>">DS Logon</a>
-          <a class="usa-button mhv-signin vads-u-margin-y--1p5 vads-u-padding-y--2" href="<%-  mhv_login_link -%>">My HealtheVet</a>
-        </div>
-        <div class="row" id="loginNote">
-          <p class="vads-u-font-size--base vads-u-margin-top--2 vads-u-padding-x--2"><strong>Note:</strong> We're moving to a simpler and more modern sign-in experience. We'll remove the My HealtheVet option after <strong>January 31, 2025</strong> and the DS Logon option after <strong>September 30, 2025.</strong><br>
-            <a href="https://www.va.gov/resources/creating-an-account-for-vagov">Learn more about creating a Login.gov or ID.me account</a>
+          <a href="https://www.va.gov/resources/creating-an-account-for-vagov">
+            Learn more about creating a Login.gov or ID.me account
+          </a>
+          <h2 style="margin: 45px 0 15px;">Other sign-in options</h2>
+          <h3 style="margin: 0 0 10px;">
+            My HealtheVet sign-in option
+            <span class="vads-u-display--block vads-u-font-size--md vads-u-font-family--sans">
+              Available through January 31, 2025
+            </span>
+          </h3>
+          <p style="margin: 0 0 16.96px;">
+            You’ll still be able to use the <strong>My HealtheVet</strong> website after this date.
+            You’ll just need to start signing in with a <strong>Login.gov</strong> or <strong>ID.me</strong> account.
           </p>
-        </div>
-        <div id="create-account">
-          <h2 class="vads-u-margin-top--2 center-text">Or create an account</h2>
-          <div class="vads-u-display--flex vads-u-flex-direction--column">
-            <% if (login_gov_signup_link_enabled) { %>
-              <a href="<%= login_gov_signup_link %>" class="vads-c-action-link--blue vads-u-padding-y--2p5 vads-u-width--full logingov">
-                Create an account with Login.gov
-              </a>
-            <% } %>
-            <a href="<%= id_me_signup_link %>" class="vads-c-action-link--blue vads-u-padding-y--2p5 vads-u-width--full idme">
-              Create an account with ID.me
-            </a>
-          </div>
+          <a class="usa-button mhv-signin vads-u-margin-y--1p5 vads-u-padding-y--2" href="<%- mhv_login_link -%>">
+            My HealtheVet
+          </a>
+          <h3 class="vads-u-margin-bottom--0 vads-u-margin-top--3">
+            DS Logon sign-in option
+            <span class="vads-u-display--block vads-u-font-size--base vads-u-font-family--sans">
+              Available through September 30, 2025
+            </span>
+          </h3>
+          <p style="margin: 16.96px 0;">
+            You’ll still be able to use your <strong>DS Logon</strong> account on Defense Department websites after this date.
+          </p>
+          <a class="usa-button dslogon-signin vads-u-margin-y--1p5 vads-u-padding-y--2" href="<%- dslogon_login_link -%>">DS Logon</a>
         </div>
       </div>
     </div>
     <div class="row" id="need-help">
       <div class="columns small-12">
-        <div class="help-info center-text">
-          <h2 class="vads-u-margin-top--2">Need Help?</h2>
-          <p class="vads-u-font-size--base">Get answers to common questions about <a href="https://www.va.gov/resources/verifying-your-identity-on-vagov/">verifying your identity</a></p>
-          <p class="vads-u-font-size--base vads-u-margin-bottom--0">Call our MyVA411 main information line for help at
+        <div class="help-info center-text" style="padding: 32px 0 0 0;">
+          <h2 class="vads-u-margin-top--0">Need Help?</h2>
+          <p class="vads-u-font-size--base" style="margin: 0 0 16.96px;">Get answers to common questions about <a href="https://www.va.gov/resources/verifying-your-identity-on-vagov/">verifying your identity</a></p>
+          <p class="vads-u-font-size--base" style="margin: 16.96px 0;">Call our MyVA411 main information line for help at
             <a href="tel:+18006982411" aria-label="8 0 0. 6 9 8. 2 4 1 1">800-698-2411</a>
             <a aria-label="TTY. 7 1 1" href="tel:711">(TTY: 711)</a>. We're here 24/7.
           </p>