diff --git a/src/component.css b/src/component.css
index acfc8a5..c184b79 100644
--- a/src/component.css
+++ b/src/component.css
@@ -385,4 +385,42 @@
       border-radius: var(--border-radius-xxs);
     }
   }
+
+  /* Badge */
+  .badge {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    padding: var(--spacing-xs) var(--spacing-m);
+    border-radius: var(--border-radius-xxs);
+    font-size: var(--font-size-m);
+    font-weight: bold;
+    line-height: 1.2em;
+    color: var(--color-fg);
+    background-color: var(--color-neutral);
+    &.uppercase {
+      text-transform: uppercase;
+    }
+    &.primary {
+      background-color: var(--color-primary);
+    }
+    &.secondary {
+      background-color: var(--color-secondary);
+    }
+    &.accent {
+      background-color: var(--color-accent);
+    }
+    &.danger {
+      background-color: var(--color-danger);
+    }
+    &.warn {
+      background-color: var(--color-warn);
+    }
+    &.success {
+      background-color: var(--color-success);
+    }
+    &.info {
+      background-color: var(--color-info);
+    }
+  }
 }