Tokenize flight-action-btn spacing/fonts (Angular parity)

src/features/online-board/components/BoardDetailsHeader/actions.scss

@@ -1,14 +1,15 @@
 @use "../../../../styles/colors" as colors;
 @use "../../../../styles/variables" as vars;
+@use "../../../../styles/fonts" as fonts;
 
 .flight-action-btn {
-  padding: 8px 16px;
+  padding: vars.$space-s2 16px;
   border-radius: vars.$border-radius;
   cursor: pointer;
-  font-size: 14px;
+  font-size: fonts.$font-size-m;
   border: none;
   font-family: inherit;
-  transition: opacity 0.15s, background-color 0.15s;
+  transition: opacity 0.2s, background-color 0.2s;
 
   &:disabled {
     opacity: 0.5;
@@ -44,7 +45,7 @@
   }
 
   &--small {
-    font-size: 12px;
-    padding: 4px 8px;
+    font-size: fonts.$font-size-s;
+    padding: 4px vars.$space-s2;
   }
 }