diff --git a/src/lib/button/button.style.ts b/src/lib/button/button.style.ts
index d728db85e..9a5cc97b6 100644
--- a/src/lib/button/button.style.ts
+++ b/src/lib/button/button.style.ts
@@ -60,8 +60,14 @@ export const STYLES = (theme: ThemeVariables) => {
     },
     onFocusByKeyboard: null,
     animations: {
-      '&,&::after': {
-        transition: 'background 375ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, box-shadow 280ms cubic-bezier(.4,0,.2,1) 0ms'
+      [
+        [ '&:hover',
+          '&:hover::after',
+          '&:focus',
+          '&:focus::after',
+          '{onFocusByKeyboard}' ].join()
+      ]: {
+        transition: 'background 375ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, box-shadow 280ms cubic-bezier(.4,0,.2,1) 0ms',
       }
     }
   });