diff --git a/src/components/button/button.scss b/src/components/button/button.scss
index 4214a5b..b0b8b0d 100644
--- a/src/components/button/button.scss
+++ b/src/components/button/button.scss
@@ -29,7 +29,6 @@
   box-sizing: border-box;
   color: var(--mykn-button-color-text);
   cursor: pointer;
-  display: inline-flex;
   gap: 0.5em;
   height: var(--mykn-button-height);
   font-family: var(--typography-font-family-body);
@@ -43,6 +42,10 @@
   white-space: nowrap;
   width: var(--mykn-button-width);
 
+  &:not([hidden]) {
+    display: inline-flex;
+  }
+
   &#{&}:disabled,
   &#{&}--disabled,
   &#{&}--muted {