Update (ui)

resources/css/app-front.css

@@ -64,3 +64,40 @@ .bg-globe {
     inset -20px 0 80px #0ff, inset 20px 0 300px #f0f, inset -20px 0 300px #0ff,
     0 0 50px #fff, -10px 0 80px #f0f, 10px 0 80px #0ff;
 }
+
+/* Custom illuminated button style */
+.illuminated {
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+  animation: shimmer 2s infinite linear; /* Apply the animation to the button */
+}
+
+/* Shimmer gradient */
+.illuminated::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(
+    -45deg,
+    rgba(255, 255, 255, 0) 25%,
+    rgba(255, 255, 255, 0.6) 50%,
+    rgba(255, 255, 255, 0) 75%
+  );
+  background-size: 400% 400%;
+  z-index: -1;
+  animation: shimmer 3s infinite; /* Apply the animation to the gradient */
+}
+
+/* Define the shimmer effect using keyframes */
+@keyframes shimmer {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -400% 0;
+  }
+}