From 2554988e779a5bbeef4bfab7b28c8f3d3acd7efe Mon Sep 17 00:00:00 2001
From: Jakub <45874801+Siemik@users.noreply.github.com>
Date: Tue, 20 Sep 2022 21:24:02 +0200
Subject: [PATCH] Fixed layout of pulse animation in ButNow button

---
 components/next/BuyNow.tsx   | 2 +-
 components/next/PulseDot.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/next/BuyNow.tsx b/components/next/BuyNow.tsx
index 22c0cad..68bc1b9 100644
--- a/components/next/BuyNow.tsx
+++ b/components/next/BuyNow.tsx
@@ -24,7 +24,7 @@ export const BuyNow = ({ children }: { children: ReactNode }) => {
       <Link href={currentPricing.cartUrl}>
         <a
           target="_blank"
-          className={`cursor-pointer block mt-3 w-full px-6 py-3 border border-transparent font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 text-center text-3xl text-white bg-pink-600 hover:bg-pink-700 focus:ring-offset-2 focus:ring-pink-500 focus:ring-offset-gray-50`}
+          className={`flex items-center justify-center cursor-pointer block mt-3 w-full px-6 py-3 border border-transparent font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 text-center text-3xl text-white bg-pink-600 hover:bg-pink-700 focus:ring-offset-2 focus:ring-pink-500 focus:ring-offset-gray-50`}
         >
           {children}
         </a>
diff --git a/components/next/PulseDot.tsx b/components/next/PulseDot.tsx
index ada6556..d5c276f 100644
--- a/components/next/PulseDot.tsx
+++ b/components/next/PulseDot.tsx
@@ -1,3 +1,3 @@
 export const PulseDot = () => (
-  <span className="animate-pulse inline-block ml-2 mb-2 w-4 h-4 rounded-full ring-[3px] ring-white ring-offset-4 ring-offset-pink-500 bg-white" />
+  <span className="animate-pulse inline-block ml-4 w-4 h-4 rounded-full ring-[3px] ring-white ring-offset-4 ring-offset-pink-500 bg-white" />
 );