From 410a35d451e284ce19bc7d7ab17fcbf05903949c Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Tue, 7 May 2024 14:19:15 +0300
Subject: [PATCH] apps/web: fix submit button color animation

---
 apps/web/components/Form.module.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/web/components/Form.module.scss b/apps/web/components/Form.module.scss
index b14d9f6..79c5559 100644
--- a/apps/web/components/Form.module.scss
+++ b/apps/web/components/Form.module.scss
@@ -27,8 +27,7 @@
 
 .button-telegram {
   @extend .button-submit;
-  // background-color: #54a9eb;
-  background: linear-gradient(90deg, #54a9eb 50%, var(--color-primary) 100%);
+  background-color: var(--color-primary);
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -41,6 +40,17 @@
   b {
     line-height: 0;
   }
+
+  animation: colorTransition 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+@keyframes colorTransition {
+  0% {
+    background-color: var(--color-primary);
+  }
+  100% {
+    background-color: #54a9eb;
+  }
 }
 
 .button-telegram-icon {