From a1ad9d3b908bee97d14a2f19c63f1aa6eb888444 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 6 Dec 2024 19:44:12 +0400
Subject: [PATCH] Interactive Elements: Add hover effect (#5271)

---
 src/components/middle/message/Contact.module.scss      |  5 ++---
 .../modals/webApp/WebAppModalTabContent.module.scss    | 10 ++++++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/middle/message/Contact.module.scss b/src/components/middle/message/Contact.module.scss
index 6024059a1..28b1215c6 100644
--- a/src/components/middle/message/Contact.module.scss
+++ b/src/components/middle/message/Contact.module.scss
@@ -48,15 +48,14 @@
     width: auto;
     flex: 1;
     height: 2.25rem;
-    border-radius: 0;
+    margin: 0.375rem;
     font-weight: 500;
     background-color: transparent;
     color: var(--accent-color);
     --ripple-color: var(--accent-background-active-color);
 
     &:not(.disabled):not(:disabled):hover {
-      color: var(--accent-color);
-      background-color: transparent;
+      background-color: var(--accent-background-active-color);
     }
   }
 }
diff --git a/src/components/modals/webApp/WebAppModalTabContent.module.scss b/src/components/modals/webApp/WebAppModalTabContent.module.scss
index 3e6588a90..b13c78a57 100644
--- a/src/components/modals/webApp/WebAppModalTabContent.module.scss
+++ b/src/components/modals/webApp/WebAppModalTabContent.module.scss
@@ -60,6 +60,10 @@
   &.visible {
     transform: translateY(0);
     opacity: 1;
+
+    &:hover {
+      filter: brightness(0.9);
+    }
   }
 
   &.hidden {
@@ -67,6 +71,12 @@
   }
 }
 
+.secondary-button.visible:hover {
+  :global(.theme-dark) & {
+    filter: brightness(1.5);
+  }
+}
+
 .buttons-container {
   display: flex;
   justify-content: space-between;