From 241fcdcfbdc6ad9a1fcf17b17fcaec79d06a6b3c Mon Sep 17 00:00:00 2001
From: volantxs <volantxs@gmail.com>
Date: Mon, 4 Sep 2023 17:33:39 +0530
Subject: [PATCH 1/2] customized a button for "get it now" and "Github"

---
 docs/index.html |  5 ++---
 docs/style.css  | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index d9ec359c..2178f59a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -87,9 +87,8 @@ <h1>Water.css</h1>
 
     <div class="row">
       <div>
-        <a href="#installation"><b>Get it already!</b></a>
-        <br />
-        <a href="https://github.com/kognise/water.css"><b>GitHub</b></a>
+        <a href="#installation" class="header-button">Get it already!</a>
+        <a href="https://github.com/kognise/water.css" class="header-button">GitHub</a>
       </div>
 
       <a
diff --git a/docs/style.css b/docs/style.css
index a0c3fc92..d78cd6fd 100755
--- a/docs/style.css
+++ b/docs/style.css
@@ -63,3 +63,17 @@ body > footer {
   align-items: center;
   justify-content: space-between;
 }
+
+.header-button {
+  display: inline-block;
+  margin-top: 15px;
+  margin-right: 10px;
+  padding: 10px;
+  background-color: var(--button-base);
+  color: var(--text-bright);
+  border-radius: 10%;
+}
+
+.header-button:hover {
+  background-color: var(--button-hover);
+}

From 70a331e285d119bd866016493eb895e27348c315 Mon Sep 17 00:00:00 2001
From: Sarika <107403942+volantxs@users.noreply.github.com>
Date: Mon, 4 Sep 2023 17:57:28 +0530
Subject: [PATCH 2/2] Create add-button.md

Creating a changeset as described by the bot message
---
 .changeset/add-button.md | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .changeset/add-button.md

diff --git a/.changeset/add-button.md b/.changeset/add-button.md
new file mode 100644
index 00000000..93b10276
--- /dev/null
+++ b/.changeset/add-button.md
@@ -0,0 +1,4 @@
+---
+"water.css": patch
+---
+Customizing <a> tag link with a button style