Show "no groups in common" warning for relevant message requests

stylesheets/components/Button.scss

@@ -18,8 +18,6 @@
   }
 
   @include button-reset;
-  @include font-body-1-bold;
-
   border-radius: 4px;
   padding: 8px 16px;
   text-align: center;
@@ -37,6 +35,16 @@
     cursor: not-allowed;
   }
 
+  &--medium {
+    @include font-body-1-bold;
+  }
+
+  &--small {
+    @include font-body-2;
+    @include rounded-corners;
+    padding: 6px 12px;
+  }
+
   &--primary {
     $color: $color-white;
     $background-color: $ultramarine-ui-light;

stylesheets/components/ContactPill.scss

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 .module-ContactPill {
+  @include rounded-corners;
   align-items: center;
-  border-radius: 9999px; // This ensures the borders are completely rounded. (A value like 100% would make it an ellipse.)
   display: inline-flex;
   user-select: none;
   overflow: hidden;

stylesheets/components/ConversationHeader.scss

@@ -279,9 +279,9 @@
 
     &--join-call {
       @include font-body-1;
+      @include rounded-corners;
       align-items: center;
       background-color: $color-accent-green;
-      border-radius: 9999px; // This ensures the borders are completely rounded. (A value like 100% would make it an ellipse.)
       color: $color-white;
       display: flex;
       outline: none;