diff --git a/addons/rose/addon/styles/rose/components/_button.scss b/addons/rose/addon/styles/rose/components/_button.scss
index 9f7e04782..c94a3ec03 100644
--- a/addons/rose/addon/styles/rose/components/_button.scss
+++ b/addons/rose/addon/styles/rose/components/_button.scss
@@ -107,3 +107,30 @@
     opacity: var(--opacity-1),
   )
 );
+
+.rose-button-inline-link-action {
+  color: var(--info);
+  border: 0;
+  background: none;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  display: inline;
+  font-size: 1rem;
+  font-weight: 600;
+
+  &:not(:disabled) {
+    &:hover {
+      text-decoration: underline;
+    }
+    &:active {
+      color: var(--info-starker-1);
+    }
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: var(--opacity-1);
+  }
+
+}
diff --git a/addons/rose/stories/button.stories.js b/addons/rose/stories/button.stories.js
index c74e67b40..41498f0ea 100644
--- a/addons/rose/stories/button.stories.js
+++ b/addons/rose/stories/button.stories.js
@@ -28,6 +28,7 @@ export const Normal = () => ({
         secondary: 'secondary',
         warning: 'warning',
         ghost: 'ghost',
+        'inline-link-action': 'inline-link-action',
       },
       'primary'
     ),