Adding animation to briefly scale up send button after recording is made.

stylesheets/_session_constants.scss

@@ -175,28 +175,6 @@ $session-font-h4: 16px;
   }
 }
 
-@mixin subtle-shake() {
-    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
-    transform: translate3d(0, 0, 0);
-  
-  @keyframes shake {
-    10%, 90% {
-      transform: translate3d(-1px, 0, 0);
-    }
-    
-    20%, 80% {
-      transform: translate3d(2px, 0, 0);
-    }
-  
-    30%, 50%, 70% {
-      transform: translate3d(-4px, 0, 0);
-    }
-  
-    40%, 60% {
-      transform: translate3d(4px, 0, 0);
-    }
-  }
-}
 
 $session-subtle-factor: 0.6;
 

stylesheets/_session_conversation.scss

@@ -339,9 +339,22 @@
 .send-message-button {
   animation: fadein $session-transition-duration;
 
-  &---shake {
-    @include subtle-shake();
+  &---scale {
+    animation: scaling 2s ease-in-out;
+
+    @keyframes scaling {
+      0% {
+        transform: scale(1);
+      }
+      80% {
+        transform: scale(1.3);
+      }
+      100% {
+        transform: scale(1);
+      }
+    }
   }
+
 }
 
 .session-recording {

ts/components/session/conversation/SessionRecording.tsx

@@ -203,7 +203,7 @@ class SessionRecordingInner extends React.Component<Props, State> {
         {!isRecording  && (
           <div className={classNames(
             "send-message-button",
-            hasRecording && 'send-message-button---shake'
+            hasRecording && 'send-message-button---scale'
             )}>
             <SessionIconButton
               iconType={SessionIconType.Send}