Fix: Button uses primary-color for background (#1639)

cal-itp · Aug 11, 2023 · 457f22a · 457f22a
2 parents 9c716ae + 24950e6
commit 457f22a
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/benefits/static/css/styles.css b/benefits/static/css/styles.css
@@ -373,6 +373,8 @@ footer .footer-links li a.footer-link:visited {
 }
 
 .btn.btn-lg.btn-primary {
+  background-color: var(--primary-color);
+  border-color: var(--primary-color);
   border-width: 2px;
   font-weight: var(--medium-font-weight);
   font-size: var(--font-size-20px);
@@ -381,6 +383,11 @@ footer .footer-links li a.footer-link:visited {
   padding: var(--primary-button-padding);
 }
 
+.btn.btn-lg.btn-primary:hover {
+  background-color: var(--hover-color);
+  border-color: var(--hover-color);
+}
+
 .btn.btn-lg.btn-primary:focus,
 .btn.btn-lg.btn-primary:focus-visible,
 .btn-outline-dark:focus,