LFFE-22 time line structure

src/components/first/LoanCondition.jsx

@@ -1,6 +1,6 @@
-import {Box, Container, Grid, Link, Stack, Typography} from "@mui/material";
+import {Box, Button, Container, Grid, Link, Stack, Typography} from "@mui/material";
 import {useTranslations} from "next-intl";
-
+import DownloadIcon from '@mui/icons-material/Download';
 const LoanCondition = () => {
     const t = useTranslations();
     return(
@@ -33,14 +33,18 @@ const LoanCondition = () => {
                     </Grid>
                     <Grid item xs={12} md={4}>
                         <Box justifyContent={'center'} alignItems={'center'}>
-                            <Link
-                                variant="body2"
-                                download
-                                underline="hover"
-                                href={'/dist/images/modalrms/Asset%2010.apk'}
-                            >
-                                فایل ضمیمه
-                            </Link>
+                            <Button variant="contained" startIcon={<DownloadIcon />}>
+                                <Link
+                                    variant="subtitle1"
+                                    sx={{padding : 1}}
+                                    color={'white'}
+                                    download
+                                    underline="none"
+                                    href={'/dist/images/modalrms/Asset%2010.apk'}
+                                >
+                                    دریافت فایل های راهنما
+                                </Link>
+                            </Button>
                         </Box>
                     </Grid>
                 </Grid>