fix(button): explicitly set width for expressive theme (#8686)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

packages/components/src/components/button/_button.scss

@@ -457,6 +457,10 @@
     height: rem(20px);
   }
 
+  .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--expressive {
+    max-width: rem(320px);
+  }
+
   // Skeleton State
   .#{$prefix}--btn.#{$prefix}--skeleton {
     @include skeleton;
@@ -475,6 +479,8 @@
 
   .#{$prefix}--btn-set .#{$prefix}--btn {
     width: 100%;
+    // 196px from design kit
+    max-width: rem(196px);
 
     &:not(:focus) {
       box-shadow: rem(-1px) 0 0 0 $button-separator;
@@ -485,11 +491,6 @@
     }
   }
 
-  .#{$prefix}--btn-set .#{$prefix}--btn:not(.#{$prefix}--btn--expressive) {
-    // 196px from design kit
-    max-width: rem(196px);
-  }
-
   .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {
     box-shadow: inherit;
   }