hover buttons view improved in mobile screens

Author: SharizHussain

src/app/(public)/_components/button.tsx

@@ -14,7 +14,7 @@ export function Button({
     <div className="relative inline-block group w-fit">
       <button
         className={cn(
-          'bg-hacktoberfest-black m-1 hover:bg-hacktoberfest-dark-green btn btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none',
+          'bg-hacktoberfest-black m-1 hover:bg-hacktoberfest-dark-green btn btn-md md:btn-lg text-hacktoberfest-light rounded-2xl leading-none border-none',
           className
         )}
         {...props}