diff --git a/packages/cxl-lumo-styles/scss/themes/vaadin-button.scss b/packages/cxl-lumo-styles/scss/themes/vaadin-button.scss
index 71e7ba519..8f8e48d79 100644
--- a/packages/cxl-lumo-styles/scss/themes/vaadin-button.scss
+++ b/packages/cxl-lumo-styles/scss/themes/vaadin-button.scss
@@ -12,3 +12,12 @@
 :host-context(.menu-item-cta) {
   --lumo-button-size: var(--lumo-size-s);
 }
+
+:host([theme="linkedin"]) {
+  --_lumo-button-color: #fff;
+  --_lumo-button-background-color: #0073b1;
+}
+
+:host([theme="linkedin"]:hover)::before {
+  opacity: 0.05;
+}
diff --git a/packages/storybook/cxl-lumo-styles/elements.stories.js b/packages/storybook/cxl-lumo-styles/elements.stories.js
index b0bfc7006..117f3e659 100644
--- a/packages/storybook/cxl-lumo-styles/elements.stories.js
+++ b/packages/storybook/cxl-lumo-styles/elements.stories.js
@@ -31,6 +31,8 @@ export const VaadinButton = ({ Label }) => html`
   <vaadin-button theme="tertiary">${Label}</vaadin-button>
   <h6>Tertiary inline</h6>
   <vaadin-button theme="tertiary-inline">${Label}</vaadin-button>
+  <h6>Linkedin</h6>
+  <vaadin-button theme="linkedin">${Label} <vaadin-icon icon="cxl:linkedin" slot="prefix"></vaadin-icon></vaadin-button>
   <h6>Upstream</h6>
   <p>
     Also see