diff --git a/src/components/callout/callout.css b/src/components/callout/callout.css
index e21df8460..8bf187924 100644
--- a/src/components/callout/callout.css
+++ b/src/components/callout/callout.css
@@ -1,68 +1,64 @@
-import { css } from 'lit';
+:host {
+  --icon-color: currentColor;
+  --icon-size: var(--wa-font-size-l);
+  --spacing: var(--wa-space-m);
 
-export default css`
-  :host {
-    --icon-color: currentColor;
-    --icon-size: var(--wa-font-size-l);
-    --spacing: var(--wa-space-m);
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  border-radius: var(--wa-panel-border-radius);
+  background-color: var(--background-color);
+  border-color: var(--border-color);
+  border-style: var(--wa-panel-border-style);
+  border-width: var(--wa-panel-border-width);
+  color: var(--content-color);
+  padding: var(--spacing);
+}
 
-    position: relative;
-    display: flex;
-    align-items: stretch;
-    border-radius: var(--wa-panel-border-radius);
-    background-color: var(--background-color);
-    border-color: var(--border-color);
-    border-style: var(--wa-panel-border-style);
-    border-width: var(--wa-panel-border-width);
-    color: var(--content-color);
-    padding: var(--spacing);
+:host([variant='brand']) {
+  --background-color: var(--wa-color-brand-fill-quiet);
+  --border-color: var(--wa-color-brand-border-quiet);
+  --content-color: var(--wa-color-brand-on-normal);
+}
+
+:host([variant='success']) {
+  --background-color: var(--wa-color-success-fill-quiet);
+  --border-color: var(--wa-color-success-border-quiet);
+  --content-color: var(--wa-color-success-on-normal);
+}
+
+:host([variant='neutral']) {
+  --background-color: var(--wa-color-neutral-fill-quiet);
+  --border-color: var(--wa-color-neutral-border-quiet);
+  --content-color: var(--wa-color-neutral-on-normal);
+}
+
+:host([variant='warning']) {
+  --background-color: var(--wa-color-warning-fill-quiet);
+  --border-color: var(--wa-color-warning-border-quiet);
+  --content-color: var(--wa-color-warning-on-normal);
+}
+
+:host([variant='danger']) {
+  --background-color: var(--wa-color-danger-fill-quiet);
+  --border-color: var(--wa-color-danger-border-quiet);
+  --content-color: var(--wa-color-danger-on-normal);
+}
+
+[part~='icon'] {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  color: var(--icon-color);
+  font-size: var(--icon-size);
+
+  ::slotted(*) {
+    margin-inline-end: var(--spacing);
   }
+}
 
-  :host([variant='brand']) {
-    --background-color: var(--wa-color-brand-fill-quiet);
-    --border-color: var(--wa-color-brand-border-quiet);
-    --content-color: var(--wa-color-brand-on-normal);
-  }
-
-  :host([variant='success']) {
-    --background-color: var(--wa-color-success-fill-quiet);
-    --border-color: var(--wa-color-success-border-quiet);
-    --content-color: var(--wa-color-success-on-normal);
-  }
-
-  :host([variant='neutral']) {
-    --background-color: var(--wa-color-neutral-fill-quiet);
-    --border-color: var(--wa-color-neutral-border-quiet);
-    --content-color: var(--wa-color-neutral-on-normal);
-  }
-
-  :host([variant='warning']) {
-    --background-color: var(--wa-color-warning-fill-quiet);
-    --border-color: var(--wa-color-warning-border-quiet);
-    --content-color: var(--wa-color-warning-on-normal);
-  }
-
-  :host([variant='danger']) {
-    --background-color: var(--wa-color-danger-fill-quiet);
-    --border-color: var(--wa-color-danger-border-quiet);
-    --content-color: var(--wa-color-danger-on-normal);
-  }
-
-  [part~='icon'] {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    color: var(--icon-color);
-    font-size: var(--icon-size);
-
-    ::slotted(*) {
-      margin-inline-end: var(--spacing);
-    }
-  }
-
-  [part~='message'] {
-    flex: 1 1 auto;
-    display: block;
-    overflow: hidden;
-  }
-`;
+[part~='message'] {
+  flex: 1 1 auto;
+  display: block;
+  overflow: hidden;
+}