From ebb2a8ea6cb503f682aab11f3dfad3de80553467 Mon Sep 17 00:00:00 2001
From: ankur0904 <ankursingh91002@gmail.com>
Date: Fri, 15 Sep 2023 20:40:51 +0530
Subject: [PATCH 1/3] Added button that link to blog post

---
 pages/community/ambassadors/index.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/pages/community/ambassadors/index.js b/pages/community/ambassadors/index.js
index f8e5f3583227..6bac1ad876b8 100644
--- a/pages/community/ambassadors/index.js
+++ b/pages/community/ambassadors/index.js
@@ -240,12 +240,21 @@ function Index() {
                 community members all over the world, build the future of
                 Event-Driven APIs.
               </Heading>
+              <div className="flex item-center w-full justify-between">
               <Button
-                className="block md:inline-block focus:outline-none mt-10 text-center"
+                className="block md:inline-block focus:outline-none mt-10 text-center w-[48%]"
                 text="Become an Ambassador now"
                 href="https://github.com/asyncapi/community/blob/master/AMBASSADOR_ORGANIZATION.md#are-you-interested-in-becoming-an-official-asyncapi-ambassador"
                 target="_blank"
               />
+              <Button
+                bgClassName="bg-transparent border border-primary-600 hover:bg-primary-400"
+                className="block md:inline-block focus:outline-none mt-10 text-center w-[48%]"
+                text="Learn more"
+                href="https://www.asyncapi.com/blog/asyncapi-ambassador-program"
+                target="_blank"
+              />
+              </div>
             </div>
           </div>
         </div>

From 985ebd894e05cb66d8699b1dc2fa7c8165ad012e Mon Sep 17 00:00:00 2001
From: ankur0904 <ankursingh91002@gmail.com>
Date: Fri, 15 Sep 2023 20:53:32 +0530
Subject: [PATCH 2/3] Make button responsive

---
 pages/community/ambassadors/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/community/ambassadors/index.js b/pages/community/ambassadors/index.js
index 6bac1ad876b8..501281c086de 100644
--- a/pages/community/ambassadors/index.js
+++ b/pages/community/ambassadors/index.js
@@ -240,16 +240,16 @@ function Index() {
                 community members all over the world, build the future of
                 Event-Driven APIs.
               </Heading>
-              <div className="flex item-center w-full justify-between">
+              <div className="md:flex md:item-center w-full md:justify-between">
               <Button
-                className="block md:inline-block focus:outline-none mt-10 text-center w-[48%]"
+                className="block md:inline-block focus:outline-none mt-10 text-center md:w-[48%]"
                 text="Become an Ambassador now"
                 href="https://github.com/asyncapi/community/blob/master/AMBASSADOR_ORGANIZATION.md#are-you-interested-in-becoming-an-official-asyncapi-ambassador"
                 target="_blank"
               />
               <Button
                 bgClassName="bg-transparent border border-primary-600 hover:bg-primary-400"
-                className="block md:inline-block focus:outline-none mt-10 text-center w-[48%]"
+                className="block md:inline-block focus:outline-none mt-10 text-center md:w-[48%]"
                 text="Learn more"
                 href="https://www.asyncapi.com/blog/asyncapi-ambassador-program"
                 target="_blank"

From f046474384599ce4df65800b642284c4e779267e Mon Sep 17 00:00:00 2001
From: ankur0904 <ankursingh91002@gmail.com>
Date: Wed, 20 Sep 2023 08:16:17 +0530
Subject: [PATCH 3/3] Decreases the spacing

---
 pages/community/ambassadors/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/community/ambassadors/index.js b/pages/community/ambassadors/index.js
index 501281c086de..64fa29e0d1ca 100644
--- a/pages/community/ambassadors/index.js
+++ b/pages/community/ambassadors/index.js
@@ -242,14 +242,14 @@ function Index() {
               </Heading>
               <div className="md:flex md:item-center w-full md:justify-between">
               <Button
-                className="block md:inline-block focus:outline-none mt-10 text-center md:w-[48%]"
+                className="block md:inline-block focus:outline-none mt-5 md:mt-10 text-center md:w-[48%]"
                 text="Become an Ambassador now"
                 href="https://github.com/asyncapi/community/blob/master/AMBASSADOR_ORGANIZATION.md#are-you-interested-in-becoming-an-official-asyncapi-ambassador"
                 target="_blank"
               />
               <Button
                 bgClassName="bg-transparent border border-primary-600 hover:bg-primary-400"
-                className="block md:inline-block focus:outline-none mt-10 text-center md:w-[48%]"
+                className="block md:inline-block focus:outline-none mt-5 md:mt-10 text-center md:w-[48%]"
                 text="Learn more"
                 href="https://www.asyncapi.com/blog/asyncapi-ambassador-program"
                 target="_blank"