Merge pull request #1821 from bring/chatbot-button-new-look

amitjagtap4 · web-flow · commit 99d36ac2b652 · 2024-05-27T17:13:06.000+05:30
Chatbot button new look css
diff --git a/src/shared/components/button/button.css b/src/shared/components/button/button.css
@@ -217,15 +217,21 @@
     }
   }
   &--chat {
-    width: 60px;
-    height: 60px;
+    width: 64px;
+    height: 64px;
     margin: 0px;
     padding: 10px 10px 8px;
-    border-radius: 50%;
-    background: var(--hw-color-primary-light);
+    border-radius: 2px;
+    background: var(--hds-ui-colors-white);
     color: var(--hw-color-primary-darker);
 
-    &:hover,
+    &:hover {
+      background: var(--hw-color-primary-lighter);
+      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12); 
+      -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.12);
+      -moz-box-shadow:    0px 1px 3px 0px rgba(0,0,0,0.12);
+    }
+    
     &:active {
       color: var(--hw-color-primary-darker);
       fill: var(--hw-color-primary-darker);
@@ -234,7 +240,7 @@
     }
 
     &:active {
-      background: var(--hw-color-button-primary-light-hover);
+      background: var(--hw-color-primary-lighter);
     }
   }
   &--chat-fixed {
