From c9ae1416967c4c394d55d696eb1b983325f5f2c7 Mon Sep 17 00:00:00 2001
From: Pradnya Gaitonde <pradnya7886@gmail.com>
Date: Fri, 2 Aug 2024 21:27:15 +0530
Subject: [PATCH] Styled the "Sort by fee" button

Styled the "Sort by fee" button in Find Doctor page
---
 Html-Files/Doctor-Experience.html | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/Html-Files/Doctor-Experience.html b/Html-Files/Doctor-Experience.html
index 431c2940..47101c96 100644
--- a/Html-Files/Doctor-Experience.html
+++ b/Html-Files/Doctor-Experience.html
@@ -30,6 +30,25 @@
       margin-left: 40px;
     }
 
+    .custom-button1 {
+      position: relative;
+      background-color: #3fbcc0a6;
+      color: white;
+      border: 2px solid #000;
+      border-radius: 10px;
+      overflow: hidden;
+      transition: color 0.3s ease;
+      z-index: 1;
+      padding: 8px 12px; /* Adjust padding to make the button bigger */
+      font-size: 14px; 
+      margin-top: -10px;
+  }
+
+  #sort-btn {
+    margin-left: 10px; /* Adjust the value to increase or decrease the space */
+    margin-right: 10px;
+  }
+
     .filters {
       display: flex;
       justify-content: center;
@@ -152,7 +171,7 @@ <h1>Find a Doctor</h1>
       <input type="range" id="fee-filter" min="0" max="1000" step="50" value="500" style="height: 35px; background-color: #ecf0f1;">
       <span id="fee-value" style="color: #4bb6b7; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 25px;">1000</span>
       
-      <button id="sort-btn" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">Sort by Fee</button>
+      <button id="sort-btn" class="custom-button1" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;">Sort by Fee</button>
     </div>
   </header>