diff --git a/packages/status-react/src/system/button/styles.tsx b/packages/status-react/src/system/button/styles.tsx
index 2482abd5..cf81f3b0 100644
--- a/packages/status-react/src/system/button/styles.tsx
+++ b/packages/status-react/src/system/button/styles.tsx
@@ -44,6 +44,13 @@ export const Base = styled('button', {
           background: '$danger-2',
         },
       },
+      outline: {
+        background: '$transparent',
+        color: '$primary-1',
+        '&:hover': {
+          background: '$primary-3',
+        },
+      },
     },
     loading: {
       true: {},