better button styles, include popovers in root

1 files changed, 19 insertions, 0 deletions

diff --git a/src/components/button.style.js b/src/components/button.style.js
index 84db88fb..5a5e4271 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -80,8 +80,27 @@ export default {
       }
     },
     {
+      state: ['pressed'],
+      directives: {
+        shadow: [...inputInsetFakeBorders]
+      }
+    },
+    {
       state: ['hover', 'pressed'],
       directives: {
+        shadow: [hoverGlow, ...inputInsetFakeBorders]
+      }
+    },
+    {
+      state: ['toggled'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: [...inputInsetFakeBorders]
+      }
+    },
+    {
+      state: ['toggled', 'hover'],
+      directives: {
         background: '--accent,-24.2',
         shadow: [hoverGlow, ...inputInsetFakeBorders]
       }