Merge pull request #19909 from overleaf/jel-link-icon

[web] Add options for styling `Element | Link`

GitOrigin-RevId: 23db6df3b994f8106872771328b0b674a8fe381c

services/web/frontend/stylesheets/app/website-redesign.less

@@ -958,6 +958,15 @@
     }
   }
 
+  .link-monospace {
+    .dm-mono;
+    font-weight: 500;
+    color: var(--green-50);
+    &:hover {
+      color: var(--green-60);
+    }
+  }
+
   .green-link {
     .link-with-arrow;
     // TODO: replace .green-link uses with .link-with-arrow
@@ -1000,6 +1009,33 @@
     }
   }
 
+  a {
+    &:focus,
+    &:focus-visible {
+      outline: 0;
+    }
+
+    &:focus-visible {
+      .box-shadow-button-input();
+    }
+
+    i {
+      vertical-align: middle;
+      margin-left: var(--spacing-02);
+      padding-bottom: 3px;
+    }
+
+    &.link-lg {
+      font-size: var(--font-size-04);
+      line-height: var(--line-height-03);
+
+      i {
+        font-size: 24px;
+        line-height: inherit;
+      }
+    }
+  }
+
   .round-background {
     border-radius: 50%;
     font-size: 1.5rem;