Add flash sale icon on product detail

1 files changed, 19 insertions, 1 deletions

diff --git a/src/styles/globals.css b/src/styles/globals.css
index af9f9bea..06ae7ca2 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -638,4 +638,22 @@ button {
     30%, 50%, 70% { transform: translateX(-10px); }
     40%, 60% { transform: translateX(10px); }
     100% { transform: translateX(0); }
-  }
+}
+
+.blink-color-flash-sale {
+    @apply text-body-1 md:text-title-sm;
+    transform: rotateY(180deg) rotateZ(120deg);
+    animation-name: blink-color-flash-sale;
+    animation-duration: 300ms;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+}
+
+@keyframes blink-color-flash-sale {
+    from {
+        @apply text-danger-500;
+    }
+    to {
+        @apply text-warning-500;
+    }
+}
\ No newline at end of file