From 3224d41c33ec7a8e8d4998df6be01dd1da3a323b Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Fri, 3 Nov 2023 14:10:03 -0600
Subject: [PATCH] Add styling and preferential link logic

---
 src/registrar/assets/sass/_theme/_buttons.scss | 6 ++++++
 src/registrar/templates/home.html              | 5 +++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_buttons.scss b/src/registrar/assets/sass/_theme/_buttons.scss
index cb2117fb9..c8153851a 100644
--- a/src/registrar/assets/sass/_theme/_buttons.scss
+++ b/src/registrar/assets/sass/_theme/_buttons.scss
@@ -26,6 +26,12 @@ a.usa-button {
   text-decoration: none;
 }
 
+a.usa-button.disabled-link {
+  pointer-events: none !important;
+  cursor: default !important;
+  background-color: #ccc !important;
+}
+
 a.usa-button:not(.usa-button--unstyled, .usa-button--outline) {
   color: color('white');
 }
diff --git a/src/registrar/templates/home.html b/src/registrar/templates/home.html
index b5e46aaf8..114b58a91 100644
--- a/src/registrar/templates/home.html
+++ b/src/registrar/templates/home.html
@@ -15,14 +15,15 @@
   <p class="margin-top-4">
     {% if is_production %}
     <a href="{% url 'application:' %}" 
-    class="usa-button usa-tooltip disabled-domain-request-link"
+    class="usa-button usa-tooltip disabled-link"
     data-position="right"
     title="Coming in 2024"
     >
       Start a new domain request
     </a>
     {% else %}
-    <a href="{% url 'application:' %}" class="usa-button">
+    <a href="{% url 'application:' %}" class="usa-button"
+    >
       Start a new domain request
     </a>
     {% endif %}