feat: update modal

src/views/home/ui/main/main.module.scss

@@ -118,33 +118,6 @@
         height: rem(60px);
       }
     }
-
-    .Button {
-      display: none;
-
-      @include iflaptop {
-        display: flex;
-        flex-direction: row;
-        gap: rem(16px);
-        height: rem(40px);
-        padding: rem(20px);
-      }
-
-      @include ifdesktop {
-        gap: rem(16px);
-        height: rem(48px);
-        padding: rem(24px);
-      }
-
-      img {
-        width: rem(30px);
-        height: rem(30px);
-        @include ifdesktop {
-          width: rem(40px);
-          height: rem(40px);
-        }
-      }
-    }
   }
 }
 

src/views/home/ui/main/main.tsx

@@ -1,14 +1,15 @@
 import s from './main.module.scss';
 
-import { Button } from '@shared/ui';
-import { ConsultationOrder } from '@/entities/home/ConsultationOrder';
 import Image from 'next/image';
+import { Button } from '@shared/ui';
+import { ConsultationOrder } from '@/entities/home/consultation-order';
 
 import bgStart from '@public/images/bg-start-desktop.jpg';
 import logo from '@public/images/dtr-logo.png';
 import waIcon from '@public/svg/whatsapp.svg';
 import emailIcon from '@public/svg/email-icon.svg';
 import callBtn from '@public/svg/phone-calling.svg';
+import { CallbackOrder } from '@/entities/home/callback-order';
 
 export default function Main() {
   return (
@@ -48,10 +49,7 @@ export default function Main() {
           >
             <Image className={s.Icon} src={waIcon} alt='whatsapp' />
           </a>
-          <Button className={s.Button}>
-            <Image src={callBtn} alt='Call' />
-            Обратный звонок
-          </Button>
+          <CallbackOrder />
         </div>
       </div>
       <div className={s.Info}>