Merge pull request #10526 from overleaf/jel-btn-recompile

[web] `btn-recompile` and `log-btn` for new CSS

GitOrigin-RevId: b92724267a87f5dce8ed0e60e926c1939f64c4f9

services/web/frontend/stylesheets/app/editor/pdf.less

@@ -102,12 +102,14 @@
     }
 
     &.log-btn {
+      border: none;
       margin-right: 3px;
 
       &.active {
         color: white;
         background-color: @link-color;
         box-shadow: @toolbar-icon-btn-hover-boxshadow;
+        opacity: 0.65;
 
         &:hover {
           color: white;
@@ -174,6 +176,9 @@
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
+}
+
+.btn-recompile when (@is-new-css = false) {
   &[disabled],
   &[disabled].active,
   &[disabled]:hover,
@@ -182,6 +187,9 @@
     .opacity(1);
   }
 }
+.btn-recompile when (@is-new-css = true) {
+  border: none;
+}
 
 .btn-recompile-label {
   margin-left: @line-height-computed / 4;