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,29 +940,29 @@
 
   .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);
     }
-  }
-
-  .green-link {
-    .link-with-arrow;
-    color: var(--emerald-green);
 
     &:hover {
       color: var(--green-60);
-      .right-arrow {
-        color: var(--green-60);
-      }
     }
   }
 
+  .green-link {
+    .link-with-arrow;
+    // TODO: replace .green-link uses with .link-with-arrow
+  }
+
   .inline-green-link {
     color: var(--emerald-green);
     text-decoration: underline;
@@ -981,11 +981,6 @@
     }
   }
 
-  .white-link {
-    .link-with-arrow;
-    color: white;
-  }
-
   .btn-blue {
     background: var(--sapphire-blue);
     color: var(--white);