diff --git a/app/globals.css b/app/globals.css
index 3070077..4cad2d6 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -206,6 +206,7 @@
     content: "";
     position: absolute;
     inset: -1px;
+    z-index: -1;
     pointer-events: none;
     background: linear-gradient(
       120deg,
@@ -214,7 +215,6 @@
       transparent 54% 100%
     );
     transform: translateX(-130%);
-    transition: transform var(--motion-duration-slow) var(--motion-ease-emphasized);
   }
 
   .motion-button:hover {
@@ -223,6 +223,7 @@
 
   .motion-button:hover::after {
     transform: translateX(130%);
+    transition: transform var(--motion-duration-slow) var(--motion-ease-emphasized);
   }
 
   .motion-button:active {