Update position of Call Screen Raised Hands count button

stylesheets/components/CallingRaisedHandsList.scss

@@ -16,7 +16,7 @@
   padding-block: 1px;
   padding-inline: 1px;
   // This should be above .CallingRaisedHandsList__Button
-  margin-block-end: 168px;
+  margin-block-end: 72px;
   margin-inline-start: 8px;
   overflow: hidden;
 }
@@ -40,13 +40,13 @@
   @include button-reset;
   position: absolute;
   inset-inline-start: 16px;
-  inset-block-end: calc($CallControls__height + 32px);
+  inset-block-end: 16px;
   display: flex;
   padding-block: 14px;
   padding-inline: 12px;
-  background: $color-gray-78;
+  background: $color-white;
   border-radius: 24px;
-  color: $color-white;
+  color: $color-black;
   font-size: 14px;
   z-index: $z-index-above-above-base;
 
@@ -67,7 +67,7 @@
 
   @include color-svg(
     '../images/icons/v3/raise_hand/raise_hand-light.svg',
-    $color-gray-15
+    $color-black
   );
 }
 

stylesheets/components/CallingReactionsToasts.scss

@@ -8,15 +8,6 @@
   width: 100%;
 }
 
-// Reactions appear in the same space as the Raised Hands button. When they are both
-// present then move Reactions up.
-.CallingRaisedHandsList__Button + .CallingReactionsToasts,
-.CallingRaisedHandsList__Button
-  + .CallingReactionsToasts
-  + .CallingReactionsBurstToasts {
-  inset-block-end: calc($CallControls__height + 100px);
-}
-
 // Normally the newest toasts are appended on top, like this:
 //              | Second |
 // | First | -> |  First |