From a4036a95eb77fa96d6b9327dede9e41313f682a0 Mon Sep 17 00:00:00 2001
From: eniamza <eniamza0@gmail.com>
Date: Wed, 10 Jun 2020 20:43:02 +0600
Subject: [PATCH] Feat: Added Hover button in Branding page

---
 branding/index.html |  2 +-
 lib/css/index.css   | 28 +++++++++++++++++++++++++++-
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/branding/index.html b/branding/index.html
index 4ca06a7..78b1031 100644
--- a/branding/index.html
+++ b/branding/index.html
@@ -56,7 +56,7 @@
             <hr class="heading">
             <p class="lead">Branding Assets IG</p>
             <div class="btn-group mt-4" role="group" aria-label="Callout buttons">
-              <a type="button" class="btn lbry-dark text-white btn-lg" href="#!">LBRY Asset Pack</a>
+              <a type="button" class="button button1" href="#!">LBRY Asset Pack</a>
             </div>
           </div>
         </div>
diff --git a/lib/css/index.css b/lib/css/index.css
index 4564470..674d8f8 100644
--- a/lib/css/index.css
+++ b/lib/css/index.css
@@ -130,4 +130,30 @@ nav {
 .dropdown-item {
   color: white;
 }
-/* /Special Branded Color Classes*/
\ No newline at end of file
+/* /Special Branded Color Classes*/
+/*Hovering Button Style*/
+.button {
+  background-color: #4CAF50; /* Green */
+  border: none;
+  color: white;
+  padding: 16px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  transition-duration: 0.2s;
+  cursor: pointer;
+}
+
+.button1 {
+  background-color: transparent; 
+  color: black; 
+  border: 2px solid #00303C;
+}
+.button1:hover {
+  background-color: #00303C;
+  color: #28D4E2;
+}
+.button1 {border-radius: 13px;}
+/*Hovering Button Style*/
\ No newline at end of file