diff --git a/src/components/button.style.js b/src/components/button.style.js
index c32a232f4..5cffefd91 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -129,6 +129,13 @@ export default {
         shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
       }
     },
+    {
+      state: ['toggled', 'hover', 'focused'],
+      directives: {
+        background: '--accent,-24.2',
+        shadow: ['--buttonDefaultHoverGlow', '--buttonPressedBevel']
+      }
+    },
     {
       state: ['toggled', 'disabled'],
       directives: {