added css button

gauravsharmatheofficial · gauravsharmatheofficial · commit 3963e8c389a8 · 2022-10-21T11:45:22.000+05:30
diff --git a/buttons/buttons.css b/buttons/buttons.css
@@ -2312,7 +2312,7 @@ a:focus-visible {
 
 /* Gaurav Sharma's button 1 starts*/
 
-svg {
+.gauravsharmatheofficial-btn-1-svg {
 	position: absolute;
 	right: 54px;
     top: 114px;
@@ -2323,7 +2323,7 @@ svg {
 	transition: 1s ease-in-out;
 }
 
-.gauravsharmatheofficial-button-1 {
+.gauravsharmatheofficial-btn-1 {
 	width: 180px;
 	height: 60px;
 	cursor: pointer;
@@ -2333,16 +2333,16 @@ svg {
 	transition: 1s ease-in-out;
 }
 
-.gauravsharmatheofficial-button-1:hover {
+.gauravsharmatheofficial-btn-1:hover {
 	transition: 1s ease-in-out;
 	background: #5f9ad4;
 }
 
-.gauravsharmatheofficial-button-1:hover svg {
+.gauravsharmatheofficial-btn-1:hover .gauravsharmatheofficial-btn-1-svg {
 	stroke-dashoffset: -480;
 }
 
-.gauravsharmatheofficial-button-1 span {
+.gauravsharmatheofficial-btn-1-span {
 	color: white;
 	font-size: 18px;
 	font-weight: 100;
diff --git a/index.html b/index.html
@@ -595,12 +595,12 @@
 
             <!-- Gaurav Sharma's btn start-->
             <div class="button-container ">
-                <button class="gauravsharmatheofficial-button-1">
-                    <svg width="180px" height="60px" viewBox="0 0 180 60">
+                <button class="gauravsharmatheofficial-btn-1">
+                    <svg class="gauravsharmatheofficial-btn-1-svg" width="180px" height="60px" viewBox="0 0 180 60">
                     <polyline points="179,1 179,59 1,59 1,1 179,1"/>
                     <polyline points="179,1 179,59 1,59 1,1 179,1"/>
                   </svg>
-                  <span> Hover Me </span></button>
+                  <span class="gauravsharmatheofficial-btn-1-span"> Hover Me </span></button>
                 <div class="createdby-section">
                     Created by
                     <a href="https://github.com/gauravsharmatheofficial"> Gaurav Sharma </a>
