From 790cb7f3fe0eae16bb9278ead15bf7948e4db40d Mon Sep 17 00:00:00 2001
From: Sai pradyumna Goud Chiragoni
 <143107589+Saipradyumnagoud@users.noreply.github.com>
Date: Wed, 29 May 2024 22:45:29 +0530
Subject: [PATCH] Added a button for readme

---
 index.html |  2 +-
 style.css  | 33 ++++++++++++++++++++++++++++++++-
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 22152de..17795b7 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@ <h1 id="search-txt">Start Typing To Search...</h1>
         <div class="result" id="result">
         </div>
         <div id="link">
-            <a href="https://github.com/Web403/Maa-Vimala/blob/main/README.md">Read Me</a>
+            <a href="https://github.com/Web403/Maa-Vimala/blob/main/README.md"><button class="btn">Read me</button></a>
         </div>
     </div>
     <script>
diff --git a/style.css b/style.css
index e8c7b76..043f940 100644
--- a/style.css
+++ b/style.css
@@ -13,7 +13,38 @@ body {
   font-size: 2rem;
   font-weight: 600;
 }*/
-
+.btn {
+  display: inline-block;
+  padding: 0.9rem 1.8rem;
+  font-size: 16px;
+  font-weight: 700;
+  color: white;
+  border: 3px solid rgb(252, 70, 100);
+  cursor: pointer;
+  position: relative;
+  background-color: transparent;
+  text-decoration: none;
+  overflow: hidden;
+  z-index: 1;
+  font-family: inherit;
+ }
+ 
+ .btn::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgb(252, 70, 100);
+  transform: translateX(-100%);
+  transition: all .3s;
+  z-index: -1;
+ }
+ 
+ .btn:hover::before {
+  transform: translateX(0);
+ }
 .container {
   display:grid;
   align-items: center;