Interactive Elements: Add hover effect (#5271)

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);
     }
   }
 }

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;