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" /> );