From 9bfedfff550959b26700301163d71f7e64f802c7 Mon Sep 17 00:00:00 2001
From: Lavesh Verma <lit2021034@iiitl.ac.in>
Date: Fri, 28 Oct 2022 12:01:02 +0530
Subject: [PATCH] button

---
 buttons/buttons.css | 34 ++++++++++++++++++++++++++++++++++
 index.html          |  9 +++++++++
 2 files changed, 43 insertions(+)

diff --git a/buttons/buttons.css b/buttons/buttons.css
index c05393d..3210a62 100644
--- a/buttons/buttons.css
+++ b/buttons/buttons.css
@@ -2639,7 +2639,41 @@ a:focus-visible {
     animation: 1s arnav-btn-2-glitch;
     animation-timing-function: steps(2, end);
   }
+
+  .divyanshi-btn-1{
+    background-color: #343A40;
+    border-radius: 4px;  
+    color: #fff;
+    cursor: pointer;
+    padding: 8px 16px;
+  }
   
+  .divyanshi-btn-1:hover{
+    background-image:linear-gradient(
+      to right, 
+      #E7484F,
+      #E7484F 16.65%,
+      #F68B1D 16.65%,
+      #F68B1D 33.3%,
+      #FCED00 33.3%,
+      #FCED00 49.95%,
+      #009E4F 49.95%,
+      #009E4F 66.6%,
+      #00AAC3 66.6%,
+      #00AAC3 83.25%,
+      #732982 83.25%,
+      #732982 100%,
+      #E7484F 100%
+    );
+    animation:slidebg 2s linear infinite;
+  }
+  
+  @keyframes slidebg {
+    to {
+      background-position:20vw;
+    }
+  }
+
   @keyframes arnav-btn-2-glitch {
     0% {
       clip-path: var(--slice-1);
diff --git a/index.html b/index.html
index 39bc3ce..57c6928 100644
--- a/index.html
+++ b/index.html
@@ -698,6 +698,15 @@
             </div>
             <!-- radzhiv's  btn-->
 
+            <!--divyanshi's btn-->
+            <div class="button-container">
+                <a class="divyanshi-btn-1" data-back="Hover Me" data-front="Hover Me">Hover me</a>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/divya-nshi">divya-nshi</a>
+                </div>
+            </div>
+            <!--divyanshi's btn-->
 
 
         </div>