feat(core): guard service (#9816)

packages/frontend/component/src/ui/button/button.css.ts

@@ -39,7 +39,6 @@ export const button = style({
   outline: 0,
   borderRadius: 8,
   transition: 'all .3s',
-  cursor: 'pointer',
   ['WebkitAppRegion' as string]: 'no-drag',
 
   // hover layer
@@ -169,6 +168,10 @@ export const button = style({
       opacity: 0.5,
     },
 
+    '&:not([data-disabled])': {
+      cursor: 'pointer',
+    },
+
     // default keyboard focus style
     '&:focus-visible::after': {
       content: '""',