app/components/coco/base/button/button.css in coveragebook_components-0.8.9 vs app/components/coco/base/button/button.css in coveragebook_components-0.9.0

@@ -1,14 +1,14 @@
 @layer components {
+  .coco-button-wrapper {
+    @apply !contents;
+  }
+
   [data-coco].coco-button {
-    @apply flex transition-colors w-auto bg-transparent text-current border border-transparent select-none flex-none;
+    @apply flex transition-colors w-auto bg-transparent text-current border border-transparent select-none flex-none no-underline outline-none focus-visible:outline-0;
     width: min-content;
 
-    .button-element {
-      @apply inline-flex w-full no-underline outline-none focus-visible:outline-0;
-    }
-
     .button-inner {
       @apply inline-flex items-center text-center mx-auto gap-2;
       width: fit-content;
     }
 
@@ -32,17 +32,17 @@
       @apply order-3;
     }
 
     /* disabled */
 
-    &[data-disabled="true"] .button-element {
+    &[data-disabled="true"] {
       @apply cursor-not-allowed pointer-events-none;
     }
 
     /* loading */
 
-    &[data-state="loading"] > .button-element .button-icon {
+    &[data-state="loading"] .button-icon {
       @apply animate-spin;
     }
 
     /* Fit */
 
@@ -50,11 +50,11 @@
       @apply w-full;
     }
 
     /* Icons */
 
-    &[data-icon-position="end"] > .button-element {
+    &[data-icon-position="end"] {
       .button-content {
         @apply order-1;
       }
 
       .button-icon {
@@ -64,10 +64,10 @@
       .button-toggle {
         @apply order-3;
       }
     }
 
-    &.with-icon[data-collapsed="true"] > .button-element {
+    &.with-icon[data-collapsed="true"] {
       .button-content {
         display: none;
       }
     }
   }