🐞[bug]: Alignment of the text and the icon #535 (#536)

<!-- ISSUE & PR TITLE SHOULD BE SAME-->
## Description
Alignment of the text and the icon in the button fixed as mentioned and
show in the complaint.


## Related Issues

<!--Cite any related issue(s) this pull request addresses. If none,
simply state “None”-->
- Closes #535 

## Type of PR
<!-- Mention PR Type according to the issue in brackets below and check
the below box -->
- [X] (Bug)

## Screenshots / videos (if applicable)
<!--Attach any relevant screenshots or videos demonstrating the
changes-->
Before Fix: 

![image](https://github.com/user-attachments/assets/c76253cf-27cb-47f6-bac0-9a31c80b4ff0)

After Fix: 

![image](https://github.com/user-attachments/assets/2ae6780a-70a1-418f-9850-5d8019ebd619)

## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [X] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [X] I have updated my branch and synced it with project `main` branch
before making this PR
- [X] I have performed a self-review of my code
- [X] I have tested the changes thoroughly before submitting this pull
request.
- [X] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [X] I have commented my code, particularly in hard-to-understand
areas.


## Additional context:
<!--Include any additional information or context that might be helpful
for reviewers.-->
As an additional benefit the button next to it with the same issue also
got fixed
Before: 
<img width="949" alt="Screenshot 2024-10-14 at 3 18 38 PM"
src="https://github.com/user-attachments/assets/fe8db776-1cd2-424b-a897-f60561acc465">
After:
<img width="949" alt="Screenshot 2024-10-14 at 3 19 30 PM"
src="https://github.com/user-attachments/assets/2c50f351-3e99-4205-9b2d-77e13df0e9fa">

Html-files/contact.html

@@ -742,7 +742,7 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">
                                             <div class="col-md-4">
                                                 <input type="submit" class="btn btn-send btn-block"
                                                     value="Send Message"
-                                                    style="background-color: #ffc1b7; color: black; text-align: center; font-family: 'Philosopher', sans-serif; padding: 12px 0; border: 1px solid black; height: 50px;">
+                                                    style="background-color: #ffc1b7; color: black; text-align: center; font-family: 'Philosopher', sans-serif; padding: 12px 0; border: 1px solid black; height: auto;">
                                             </div>
                                         </div>
                                     </div>

Html-files/services.html

@@ -187,6 +187,11 @@
     }
 }
 
+.deals {
+    align-items: center;
+    text-align: center;
+}
+
 .deals:hover {
     background-color: hsl(203, 30%, 95%); /* Optional: change background on hover */
 }
@@ -196,6 +201,10 @@
  color: hsl(203, 30%, 50%); 
 }
 
+.dealsp {
+    margin: 0;
+}
+
 .social-icons a {
   font-size: 1.2rem;
   padding: 8px;