fix: clear unused animation on send button

stylesheets/_session_conversation.scss

@@ -115,28 +115,6 @@
   }
 }
 
-.send-message-button {
-  animation: fadein var(--default-duration);
-
-  &---scale {
-    animation: scaling 2s ease-in-out;
-
-    @keyframes scaling {
-      0% {
-        transform: scale(1);
-      }
-
-      80% {
-        transform: scale(1.3);
-      }
-
-      100% {
-        transform: scale(1);
-      }
-    }
-  }
-}
-
 .session-recording {
   height: var(--composition-container-height);
   display: flex;

ts/components/conversation/SessionRecording.tsx

@@ -163,12 +163,7 @@ export class SessionRecording extends Component<Props, State> {
         ) : null}
 
         {!isRecording && (
-          <div
+          <div>
-            className={classNames(
-              'send-message-button',
-              hasRecording && 'send-message-button---scale'
-            )}
-          >
             <SessionIconButton
               iconType="send"
               iconSize={'large'}

ts/components/conversation/composition/CompositionButtons.tsx

@@ -70,7 +70,7 @@ export const ToggleEmojiButton = forwardRef<HTMLDivElement, { onClick: Noop }>((
 
 export const SendMessageButton = (props: { onClick: Noop }) => {
   return (
-    <StyledChatButtonContainer className="send-message-button">
+    <StyledChatButtonContainer>
       <SessionIconButton
         iconType="send"
         backgroundColor={'var(--chat-buttons-background-color)'}