diff --git a/Css-files/content.css b/Css-files/content.css
index b12aa5b8..a101fbbf 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -114,28 +114,72 @@ body {
   padding-top: 30px;
   padding-bottom: 210px;
 }
-.but {
-  border: 1.3px solid brown;
+.but{
+  background-color: transparent;
+  border: none;
+}
+.but a {
+  text-decoration: none;
   font-size: 1.1rem;
-  padding: 3px 25px;
-  border-radius: 4px;
-  font-family: "Bree Serif", serif;
+  background-color: brown;
+  color: white;
+  border: 3px solid rgb(255, 255, 255);
+  padding: 10px;
+  border-radius: 10px;
+  display: inline-block;
+  
+  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
+}
+.but a:hover{
+  background-color: #ffffff;
   color: brown;
-  background-color: hsl(20, 43%, 93%);
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
 }
+input[type="submit"] {
+  background-color: brown;
+  color: #ffffff !important;
+  border: 3px solid rgb(255, 255, 255);
+  padding: 20px 10px !important;
+  border-radius: 10px;
+  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
+}
+
+input[type="submit"]:hover {
+  background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01);
+  animation: bounce 0.5s;
+}
+
+
 .butt {
-  border: 1.3px solid brown;
-  font-size: 1.1rem;
-  padding: 3px 63px 5px 63px;
-  border-radius: 4px;
-  font-family: "Bree Serif", serif;
-  margin-top: 8px;
+  text-decoration: none;
   background-color: brown;
+  border: 3px solid rgb(255, 255, 255);
+  padding: 15px;
+  border-radius: 15px;
+  display: inline-block;
   color: white;
+  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
 }
 
 .butt:hover {
-  background-color: hsl(304, 14%, 46%);
+  background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
+}
+@keyframes bounce {
+  0%, 100% {
+      transform: translateY(0); 
+  }
+  50% {
+      transform: translateY(-10px); 
+  }
 }
 
 .menu_items {
@@ -224,13 +268,29 @@ body {
   justify-content: center;
 }
 
-.deals{
+div.deals {
   display: flex;
-  background-color: hsl(20, 43%, 93%);
-  border: 2px solid rgb(138, 37, 37);
-  border-radius: 10px;
+  border-radius: 15px;
   padding:15px 30px;
   margin:20px 50px;
+  text-decoration: none;
+  background-color: brown;
+  border: 3px solid rgb(255, 255, 255);
+  color: white !important;
+  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
+}
+div.deals:hover{
+  background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
+}
+.deals p a{
+  color: white !important;
+}
+.deals p a:hover{
+  color: brown !important;
 }
 
 .deals p{
@@ -342,15 +402,16 @@ textarea {
 }
 
 #butt{
-    background-color:rgb(66, 16, 16);
-    border-radius: 10px;
-    color: white;
-    border: 1px solid white ;
-    cursor: pointer;
+  background-color: brown;
+  color: white !important;
+  padding: 3px;
+  border: 1px solid white;
+  border-radius: 4px;
+  cursor: pointer;
 }
 
 #butt :hover {
-    background-color:hsl(304, 14%, 46%);
+  background-color: rgb(196, 89, 89);
 }
 
 .social-icons a{
diff --git a/Css-files/menu.css b/Css-files/menu.css
index 2985a46d..437dc6bf 100644
--- a/Css-files/menu.css
+++ b/Css-files/menu.css
@@ -49,19 +49,22 @@ section:nth-child(even){
 }
 
 .btn{
-    margin-top: 1rem;
-    display: inline-block;
-    font-size: 1.7rem;
-    color:#fff;
-    background: var(--black);
-    border-radius: .5rem;
-    cursor: pointer;
-    padding:.8rem 3rem;
+    text-decoration: none;
+        background-color: brown;
+        border: 3px solid rgb(255, 255, 255);
+        padding: 15px 5px;
+        border-radius: 15px;
+        display: inline-block;
+        color: white;
+        transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */   
 }
 
 .btn:hover{
-    background: var(--green);
-    letter-spacing: .1rem;
+    background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
 }
 
 
diff --git a/Css-files/style.css b/Css-files/style.css
index 8fa4358f..6f5bd32b 100644
--- a/Css-files/style.css
+++ b/Css-files/style.css
@@ -507,7 +507,11 @@ textarea {
 }
 
 #butt:hover {
-    background-color:rgb(196, 89, 89);
+    background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
 }
 
 .social-icons a{
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index a917c2b2..89cada35 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -267,16 +267,16 @@
           }
   
           #butt {
-              background-color: rgb(4, 3, 3);
-              border-radius: 10px;
-              color: white;
-              border: 1px solid white;
-              cursor: pointer;
+            background-color:brown;
+            color: white !important;
+            padding: 3px;
+            border: 1px solid white;
+            border-radius: 4px;
+            cursor: pointer;
           }
   
           #butt:hover {
-              background-color: white;
-              color: black;
+            background-color: rgb(196, 89, 89);
           }
   
           .social-icons a {
diff --git a/style.css b/style.css
index af15d742..148eadd4 100644
--- a/style.css
+++ b/style.css
@@ -83,19 +83,23 @@ s
   margin-top: 20px;
   background-color: brown;
   color: white;
-  border: 2px solid rgb(139, 36, 36);
-  width: 170px;
-  height: 35px;
-  border-radius: 4px;
+  border: 3px solid rgb(255, 255,255);
   font-size: 1.3rem;
   font-family: "Philosopher", sans-serif;
   padding-bottom: 4px;
+  text-decoration: none;
+  padding: 15px;
+  border-radius: 15px;
+  display: inline-block;
+  transition: transform 0.3s ease, background-color 0.3s
 }
 
 .intro_container button:hover {
-  background-color: white;
-  color: brown;
-  cursor: pointer;
+  background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
 }
 
 .about_us {
@@ -211,15 +215,30 @@ s
 .service .box a {
   text-decoration: none;
   background-color: brown;
-  border: 2px solid rgb(224, 224, 252);
-  padding: 5px;
-  border-radius: 10px;
+  border: 3px solid rgb(224, 224, 252);
+  padding: 15px;
+  border-radius: 15px;
+  display: inline-block;
+  color: white;
+  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
 }
 
 .service .box a:hover {
-  background-color: hsl(304, 14%, 46%);
+  background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
 }
 
+@keyframes bounce {
+  0%, 100% {
+      transform: translateY(0); 
+  }
+  50% {
+      transform: translateY(-10px); 
+  }
+}
 .menu_container {
   background-color: hsl(20, 43%,93%);
   padding: 100px 0px 100px 0px;
@@ -242,21 +261,23 @@ s
 }
 
 .mainhead button {
-  border: 2px solid brown;
+  text-decoration: none;
   font-size: 1.4rem;
-  padding: 7px;
-  border-radius: 10px;
-  font-family: "Bree Serif", serif;
-  margin-bottom: 50px;
   background-color: brown;
+  border: 3px solid rgb(224, 224, 252);
+  padding: 15px;
+  border-radius: 15px;
+  display: inline-block;
   color: white;
+  transition: transform 0.3s ease, background-color 0.3s
 }
 
 .mainhead button:hover {
-  border: 2px solid brown;
-  color: hsl(304, 14%, 46%);
-  background-color: #f2f2f2;
-  cursor: pointer;
+  background-color: #ffffff;
+  color: brown !important;
+  border: 3px solid rgb(165, 42, 42);
+  transform: scale(1.01); 
+  animation: bounce 0.5s;
 }
 
 .menu_items {
@@ -526,8 +547,8 @@ textarea {
 }
 
 #butt {
-  background-color: rgb(66, 16, 16);
-  color: white;
+  background-color: brown;
+  color: white !important;
   padding: 3px;
   border: 1px solid white;
   border-radius: 4px;
@@ -769,7 +790,8 @@ padding-left:2px;
 }
 
 .contact_submit {
-  width: 30%;
+  width: 20%;
+
   color: white;
   background: linear-gradient(135deg,
       blue,