Merge branch 'design-button' into 'main'

Implement design for start button

See merge request new-vector/modular/chatterbox!5

src/parent-style.css

 .chatterbox-iframe {
     position: fixed;
-    right: 10px;
-    bottom: 50px;
+    right: 20px;
+    bottom: 100px;
     border: none;
     /*
      this is to prevent the display of the smaller iframe before it is resized
@@ -20,15 +20,17 @@
 
 .start {
     position: fixed;
-    right: 10px;
-    bottom: 10px;
+    right: 20px;
+    bottom: 15px;
 }
 
 .start button {
-    width: 32px;
-    height: 32px;
+    width: 64px;
+    height: 64px;
     border: none;
+    border-radius: 100%;
     background: no-repeat center url('./ui/res/chat-bubbles.svg'), #295dbd;
-    border-radius: 2px;
     cursor: pointer;
+    background: no-repeat center url('./ui/res/chat-bubbles.svg'), linear-gradient(180deg, #7657F2 0%, #5C56F5 100%);
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 12px 32px -2px rgba(0, 0, 0, 0.2);
 }

src/ui/res/chat-bubbles.svg

-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.90964 11.5297C9.09231 11.5297 11.6724 8.94865 11.6724 5.76483C11.6724 2.581 9.09231 0 5.90964 0C2.72697 0 0.146904 2.581 0.146904 5.76483C0.146904 6.65678 0.3494 7.50142 0.710912 8.25525L0.0648767 10.3556C-0.171716 11.1248 0.550948 11.8442 1.31906 11.6041L3.39724 10.9544C4.15657 11.323 5.00898 11.5297 5.90964 11.5297Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.03851 12.8449C5.70399 13.1151 6.4314 13.2638 7.19345 13.2638C10.3676 13.2638 13.5 10.6832 13.5 7.49979C13.5 6.63255 13.2676 5.81005 12.8651 5.07227C14.6487 6.05071 15.8583 7.94999 15.8583 10.1326C15.8583 11.0243 15.6564 11.8688 15.2959 12.6224L15.9404 14.7232C16.1765 15.4926 15.4533 16.2114 14.6854 15.9708L12.6155 15.322C11.8585 15.6902 11.0088 15.8966 10.111 15.8966C7.91459 15.8966 6.00594 14.661 5.03851 12.8449Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.94152 8.54592C0.629834 6.77827 1.81013 5.09263 3.57779 4.78094L30.1676 0.0924402C31.9346 -0.219139 33.6205 0.958905 33.9323 2.72716L37.5792 23.4097C37.8909 25.1773 36.7106 26.863 34.9429 27.1747L14.4261 30.7923C14.1597 30.8393 13.9158 30.9714 13.7309 31.1688L8.03376 37.2505C7.32955 38.0022 6.06936 37.6273 5.89049 36.6129L0.94152 8.54592ZM20.5047 23.0349C23.8143 22.4513 26.3772 20.1489 27.4756 17.2195C27.7229 16.5597 27.1289 15.9435 26.435 16.0659L12.5485 18.5144C11.8547 18.6368 11.5072 19.419 11.9653 19.9543C13.9993 22.3314 17.1951 23.6184 20.5047 23.0349Z" fill="white"/>
 </svg>