From 0b47ac585280d115ff6cdea15483037d3eacb079 Mon Sep 17 00:00:00 2001
From: overtrue <anzhengchao@gmail.com>
Date: Sun, 9 Aug 2026 20:27:41 +0800
Subject: [PATCH] fix: correct button background animation

---
 app/globals.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

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 {