change content

components/home-page/Instagram.vue

@@ -40,10 +40,11 @@
           مارا در اینستاگرام دنبال کنید
         </h2>
         <div class="birder-b border-[1px] w-[40vw] md:w-[13vw]"></div>
-        <p class="pb-[20vw] md:pb-0 flex items-center mt-[1.7vw] text-[4.038vw] md:text-[1.055vw] text-[#878787]">
+        <p class="cursor-pointer hover:text-black group/edit pb-[20vw] md:pb-0 flex items-center mt-[1.7vw] text-[4.038vw] md:text-[1.055vw] text-[#878787]">
           دنبال کردن
           <svg
-            class="ms-5 h-[6.667vw] w-[6.667vw] md:h-[2.604vw] md:w-[2.604vw]"
+
+            class="group-hover/edit:-translate-x-2 transition duration-300 group-hover/edit:duration-300  ms-5 h-[6.667vw] w-[6.667vw] md:h-[2.604vw] md:w-[2.604vw]"
             width="2.604vw"
             height="2.604vw"
             viewBox="0 0 50 50"
@@ -51,6 +52,7 @@
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
+            class="group-hover/edit:stroke-black"
               d="M25.0003 45.8332C36.5063 45.8332 45.8337 36.5058 45.8337 24.9998C45.8337 13.4939 36.5063 4.1665 25.0003 4.1665C13.4944 4.1665 4.16699 13.4939 4.16699 24.9998C4.16699 36.5058 13.4944 45.8332 25.0003 45.8332Z"
               stroke="#878787"
               stroke-width="1.5"
@@ -58,6 +60,7 @@
               stroke-linejoin="round"
             />
             <path
+                class="group-hover/edit:stroke-black"
               d="M32.292 25H19.792"
               stroke="#878787"
               stroke-width="1.5"
@@ -65,6 +68,7 @@
               stroke-linejoin="round"
             />
             <path
+                class="group-hover/edit:stroke-black"
               d="M23.958 18.75L17.708 25L23.958 31.25"
               stroke="#878787"
               stroke-width="1.5"