From 8e5cdedaac072b4d3ecda307f632b95e6ef3ffec Mon Sep 17 00:00:00 2001
From: Murilo Brito <dev.murilobrito@gmail.com>
Date: Fri, 12 Jun 2026 10:15:36 -0300
Subject: [PATCH] feat: add shimmer animation when change countdown value

---
 styles/less/ui/countdown/countdown.less | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/styles/less/ui/countdown/countdown.less b/styles/less/ui/countdown/countdown.less
index 0fee6516..72f464b9 100644
--- a/styles/less/ui/countdown/countdown.less
+++ b/styles/less/ui/countdown/countdown.less
@@ -114,9 +114,13 @@
         .countdown-container {
             display: flex;
             width: 100%;
+            border-radius: 6px;
 
             &.change-glow {
-                animation: change-glow 1s ease-in-out infinite;
+                animation: shimmer 1s ease-in-out;
+                background: linear-gradient(-45deg, transparent 30%, light-dark(@dark-blue-40, @golden-40) 35%, transparent 40%);
+                background-size: 300%;
+                background-position-x: 100%
             }
 
             &.icon-only {
@@ -138,6 +142,7 @@
                 display: flex;
                 align-items: center;
                 gap: 16px;
+                border-radius: 6px;
 
                 img {
                     width: 2.75rem;
@@ -218,13 +223,9 @@
         }
     }
 
-    @keyframes change-glow {
-        0% {
-            box-shadow: 0 0 1px 1px @golden;
-        }
-
-        100% {
-            box-shadow: 0 0 2px 2px @golden;
+    @keyframes shimmer {
+        to {
+            background-position-x: 0%
         }
     }
 }