Unify line heights

Author: hasparus

src/components/index-page/how-it-works/how-it-works-list-item.tsx

@@ -13,7 +13,7 @@ export function HowItWorksListItem({
         {text}
         {icon}
       </div>
-      <div className="mt-px flex-1 bg-neu-0 text-sm md:pl-2 md:pt-2 max-md:[&_code>span]:!pl-0 [&_pre]:border-none [&_pre]:ring-0">
+      <div className="mt-px flex-1 bg-neu-0 text-sm/[21px] md:pl-2 md:pt-2 max-md:[&_code>span]:!pl-0 [&_pre]:border-none [&_pre]:ring-0">
         {code}
       </div>
     </li>

src/components/index-page/how-it-works/play-button.tsx

@@ -8,7 +8,10 @@ export function PlayButton({
   return (
     <Button
       variant="tertiary"
-      className={clsx("ml-auto h-min !p-1", className)}
+      className={clsx(
+        "ml-auto h-min !p-0.5 !text-neu-800 before:absolute before:-inset-3 hover:!text-neu-900",
+        className,
+      )}
       onClick={props.onClick}
     >
       <svg fill="currentColor" viewBox="0 0 24 24" className="size-4">