:zap: [Enhance] Prettify styles of agent buttons

css/default.css

@@ -185,12 +185,23 @@ body {
     color: orange;
 }
 
-.explicit-button {
+.new-agent-button {
     background-color: #e9efff;
-    border-width: 1px;
+    border-width: 0px;
+    border-radius: 4px;
     box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.4);
 }
-.explicit-button:hover {
+.agent-button {
+    background-color: #e9efff;
+    border-width: 0px;
+    border-radius: 4px;
+    box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.4);
+}
+.new-agent-button:hover {
+    background-color: rgb(223, 252, 227);
+    font-weight: bold;
+}
+.agent-button:hover {
     background-color: rgb(252, 231, 223);
     font-weight: bold;
 }

index.html

@@ -69,8 +69,8 @@
             </h5>
         </div>
         <div class="offcanvas-body">
-            <div class="my-0 row no-gutters">
-                <button id="new-agent-button" type="button" class="explicit-button">
+            <div class="my-3 row no-gutters">
+                <button id="new-agent-button" type="button" class="new-agent-button">
                     <i class="fa fa-plus"></i> New Agent
                 </button>
             </div>