From 9abd183d5b0a0470735948beb3a7601ccf42f70b Mon Sep 17 00:00:00 2001
From: Machiko Yasuda <machiko@compiler.la>
Date: Wed, 2 Aug 2023 04:28:11 +0000
Subject: [PATCH] chore(css): remove unnecessary var, move classes by type/page

---
 benefits/static/css/styles.css | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/benefits/static/css/styles.css b/benefits/static/css/styles.css
index c0939bb24..f55c4dd29 100644
--- a/benefits/static/css/styles.css
+++ b/benefits/static/css/styles.css
@@ -351,14 +351,12 @@ footer .footer-links li a:visited {
 
 :root {
   --login-gov-button-font-size: var(--font-size-20px);
-  --login-gov-button-padding: 10px 0;
   --login-gov-button-max-width: 310px;
 }
 
 @media (min-width: 992px) {
   :root {
     --login-gov-button-font-size: var(--font-size-16px);
-    --login-gov-button-padding: 10px 0;
     --login-gov-button-max-width: 289px;
   }
 }
@@ -374,10 +372,6 @@ footer .footer-links li a:visited {
   text-decoration: none;
 }
 
-.eligibility-start #login {
-  padding: var(--login-gov-button-padding);
-}
-
 /* Sets the text `Login.gov` as transparent */
 /* With an Login.gov logo image over it */
 /* So screenreaders can read out `Login.gov` */
@@ -394,8 +388,18 @@ footer .footer-links li a:visited {
   line-height: 1;
 }
 
-.eligibility-index #login .fallback-text {
-  display: inline-block;
+@media (min-width: 992px) {
+  #login .fallback-text {
+    margin: 0 0 0 5px;
+    display: inline-block;
+    vertical-align: baseline;
+  }
+}
+
+/* Sign in with Login.gov (white logo) on Eligibility Start */
+
+.eligibility-start #login {
+  padding: 10px 0;
 }
 
 #login .fallback-text.white-logo {
@@ -404,7 +408,7 @@ footer .footer-links li a:visited {
   height: 17px;
 }
 
-/* Used on Eligibility Index for Modal */
+/* Login.gov modal button (color logo) on Eligibility Index */
 
 #login .fallback-text.color-logo {
   background-image: url("/static/img/login-gov-logo.svg");
@@ -412,12 +416,8 @@ footer .footer-links li a:visited {
   height: 16px;
 }
 
-@media (min-width: 992px) {
-  #login .fallback-text {
-    margin: 0 0 0 5px;
-    display: inline-block;
-    vertical-align: baseline;
-  }
+.eligibility-index #login .fallback-text {
+  display: inline-block;
 }
 
 /* Custom button: Sign Out */