Button Hover Border updated

components/sections/home/MobileServicesSection.js

@@ -35,7 +35,7 @@ export default function MobileServices() {
 
                         <div className='col-12 text-center'>
                             <div className="btn-box">
-                                <Link href="index-2" className="theme-btn btn-one"><span>View All Services</span></Link>
+                                <Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>View All Services</span></Link>
                             </div>
                         </div>
                     </div>

public/assets/css/style.css

@@ -524,7 +524,7 @@
 
  .theme-btn:hover {
    color: #bc0000 !important;
-}
+ }
 
  .theme-btn span {
    position: relative;
@@ -1275,9 +1275,9 @@
    transition: all 500ms ease;
  }
 
- .main-menu .navigation > li:last-child > a {
+ .main-menu .navigation>li:last-child>a {
    margin-right: 25px;
-}
+ }
 
 
  .main-menu .navigation>li.current>a,
@@ -2497,10 +2497,10 @@
    background: #fff;
  }
 
-  @media only screen and (max-width: 500px) {
+ @media only screen and (max-width: 500px) {
    .header-style-two .header-lower .outer-container {
      padding-left: 50px;
-   padding-right: 50px;
+     padding-right: 50px;
    }
 
  }
@@ -2829,6 +2829,7 @@
 
  .theme-btn-2.btn-one {
    background: var(--theme-color);
+   border: 1px solid #fff;
  }
 
  .theme-btn-2.btn-two {
@@ -2874,7 +2875,7 @@
 
  .theme-btn-2:hover {
    color: #bc0000 !important;
-}
+ }
 
  .theme-btn-2 span {
    position: relative;
@@ -2929,17 +2930,18 @@
      --bs-gutter-x: 20px;
    }
  }
- .read-more-btn {
-  background: none;
-  border: none;
-  color: #bc0000;
-  font-weight: 600;
-  cursor: pointer;
-  padding: 5px 0;
-  transition: color 0.3s ease;
-}
 
-.read-more-btn:hover {
-  color: #101A30;
-  text-decoration: underline;
-}
+ .read-more-btn {
+   background: none;
+   border: none;
+   color: #bc0000;
+   font-weight: 600;
+   cursor: pointer;
+   padding: 5px 0;
+   transition: color 0.3s ease;
+ }
+
+ .read-more-btn:hover {
+   color: #101A30;
+   text-decoration: underline;
+ }