Merge pull request #19721 from overleaf/jel-green-link-cleanup

[web] Cleanup new website design arrow link CSS

GitOrigin-RevId: e5eeae7e5a32c24414eb4347d21af479628b4d1d

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);