refactor styles footer-mobile, home-mobile. Change template and styles for icons-btn

luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css

@@ -180,20 +180,22 @@ body {
     align-items: center;
     margin-top: 10px;
 }
-
-.icons-size img {
-    width: 65px;
-    height: 65px;
-}
-
-.icons-margin a {
-    margin: 0 10px;
-}
-
 .chat-icon a,
 .home-icon a,
 .settings-icon a {
     background: #000;
 }
 
+.footer-mobile__block a {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 65px;
+    height: 65px;
+    background: #D9D9D91F;
+    border-radius: 20px;
+    margin: 0 10px;
+}
+
+
 /* /Footer */

luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue

@@ -39,18 +39,18 @@
       </div>
     </main>
     <footer class="footer-mobile">
-      <div class="footer-mobile__content icons-size">
+      <div class="footer-mobile__content">
-        <div class="footer-mobile__block chat-icon icons-margin">
+        <div class="footer-mobile__block chat-icon">
           <a href="#">
             <img src="@/assets/icons-adaptive/home-adaptive/icon-chat.svg">
           </a>
         </div>
-        <div class="footer-mobile__block home-icon icons-margin">
+        <div class="footer-mobile__block home-icon">
           <a href="#">
             <img src="@/assets/icons-adaptive/home-adaptive/icon-home.svg">
           </a>
         </div>
-        <div class="footer-mobile__block settings-icon icons-margin">
+        <div class="footer-mobile__block settings-icon">
           <a href="#">
             <img src="@/assets/icons-adaptive/home-adaptive/icon-settings.png">
           </a>