feat: improve button styles + get-started-link

Author: pheralb

apps/website/src/components/get-started-link.tsx

@@ -15,17 +15,14 @@ const GetStartedLink = () => {
       href="/docs/getting-started/prerequisites"
       className={buttonVariants({
         size: "default",
-        className: "group w-full md:w-auto",
+        className: "w-full md:w-auto",
       })}
     >
       <span>Get Started</span>
       <span className="rounded-sm bg-neutral-600/60 px-0.5 font-mono text-neutral-300 dark:bg-neutral-700/60">
         c
       </span>
-      <ChevronRightIcon
-        size={16}
-        className="transition-transform group-hover:translate-x-0.5"
-      />
+      <ChevronRightIcon size={16} />
     </Link>
   );
 };

apps/website/src/components/ui/button.tsx

@@ -4,7 +4,7 @@ import { cn } from "@/utils/cn";
 import { cva, type VariantProps } from "class-variance-authority";
 
 const buttonVariants = cva(
-  "inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700",
+  "inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 will-change-transform active:scale-[0.97] transition-[color,background-color,border-color,fill,box-shadow,scale] duration-150 ease-out touch-manipulation",
   {
     variants: {
       variant: {