From 4a136fd158587320fdcd0c289ded49c2fc1f8d10 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 14 Jul 2023 08:23:08 +0100
Subject: [PATCH] chore: full-width buttons on mobile

---
 src/components/Button.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Button.astro b/src/components/Button.astro
index 316a386e3..beb792805 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -9,7 +9,7 @@ const { href, text } = Astro.props as Props;
 
 <div class="mt-6 not-prose">
   <a
-    class="inline-flex items-center py-3 px-6 text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out hover:bg-white focus:bg-white bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary"
+    class="inline-flex justify-center items-center py-3 px-6 w-full text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out md:w-auto hover:bg-white focus:bg-white bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary"
     href={href}
   >
     {text} &rarr;