back button style fixed | 30

src/assets/icons/light-green-arrow.svg

@@ -0,0 +1,6 @@
+<svg id="vuesax_linear_arrow-down" data-name="vuesax/linear/arrow-down" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
+  <g id="arrow-down">
+    <path id="Vector" d="M15.84,0,9.32,6.52a1.986,1.986,0,0,1-2.8,0L0,0" transform="translate(4.08 8.95)" fill="none" stroke="#12CF7F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Vector-2" data-name="Vector" d="M0,0H24V24H0Z" transform="translate(24 24) rotate(180)" fill="none" opacity="0"/>
+  </g>
+</svg>

src/views/Address/index.js

@@ -13,6 +13,7 @@ import Radio from "../../components/Radio";
 
 //assets
 import dropdownIcon from "../../assets/icons/white-dropdown.svg";
+import lightGreenArrow from "../../assets/icons/light-green-arrow.svg";
 
 import arrowBlueIcon from "../../assets/icons/arrow-right-blue.svg";
 import arrowWhiteIcon from "../../assets/icons/arrow-left-white.svg";
@@ -596,12 +597,13 @@ export const Address = ({
           />
           {!isMobile && (
             <button
-              className="bg-transparent mt-4 text-base  py-3 flex flex-row justify-center items-center border-2 border-solid border-blueC0 text-green7B dark:text-blueC0 rounded-full"
+              style={{ width: "30%" }}
+              className="flex justify-center items-center mt-4 py-3 text-blueC0 text-base lg:text-tiny border-2 border-blueC0 cursor-pointer rounded-md"
               onClick={() => setPhase("deliveryForm")}
             >
               بازگشت
               <img
-                src={dropdownIcon}
+                src={lightGreenArrow}
                 alt=""
                 className="w-3.5 transform rotate-90"
               />