From 7c7c71f77100d18d56267cba4d1cd11124b1f3b5 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Thu, 1 Aug 2024 10:14:45 -0500
Subject: [PATCH] Merge pull request #19721 from
 overleaf/jel-green-link-cleanup

[web] Cleanup new website design arrow link CSS

GitOrigin-RevId: e5eeae7e5a32c24414eb4347d21af479628b4d1d
---
 .../stylesheets/app/website-redesign.less     | 25 ++++++++-----------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
index 53bd684933..a9d0add9fe 100644
--- a/services/web/frontend/stylesheets/app/website-redesign.less
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -940,27 +940,27 @@
 
   .link-with-arrow {
     .dm-mono;
-    font-size: 1.125rem;
-    line-height: 1.333;
+    font-size: var(--font-size-04);
+    line-height: var(--line-height-03);
     font-weight: 500;
+    color: var(--green-50);
 
     i.material-symbols {
       vertical-align: middle;
       padding-bottom: 3px;
       font-size: 24px;
+      line-height: inherit;
+      margin-left: var(--spacing-02);
+    }
+
+    &:hover {
+      color: var(--green-60);
     }
   }
 
   .green-link {
     .link-with-arrow;
-    color: var(--emerald-green);
-
-    &:hover {
-      color: var(--green-60);
-      .right-arrow {
-        color: var(--green-60);
-      }
-    }
+    // TODO: replace .green-link uses with .link-with-arrow
   }
 
   .inline-green-link {
@@ -981,11 +981,6 @@
     }
   }
 
-  .white-link {
-    .link-with-arrow;
-    color: white;
-  }
-
   .btn-blue {
     background: var(--sapphire-blue);
     color: var(--white);