fix: update styles in ComeFunziona component for improved layout and consistency

apps/infoalloggi/src/components/come_funziona.tsx

@@ -39,7 +39,7 @@ export const ComeFunziona = () => {
 	];
 	return (
 		<div className="mx-auto w-full max-w-6xl py-2">
-			<h2 className="max-w-xl font-semibold text-3xl tracking-tight md:mx-auto md:text-center md:text-4xl md:leading-[3.5rem]">
+			<h2 className="max-w-xl font-semibold text-3xl tracking-tight md:mx-auto md:text-center md:text-4xl md:leading-14">
 				{t.come_funziona.title}
 			</h2>
 			<div className="mx-auto mt-8 w-full space-y-12 md:mt-16">
@@ -51,7 +51,7 @@ export const ComeFunziona = () => {
 						<div className="flex shrink-0 basis-1/2 justify-center">
 							<Image
 								alt={`img${feature.title}`}
-								className="aspect-[6/4] rounded-xl border border-border/50"
+								className="aspect-6/4 rounded-xl border border-border/50"
 								height={200}
 								src={feature.image}
 								width={400}

apps/infoalloggi/src/components/expand_guida.tsx

@@ -18,17 +18,13 @@ export const ComeFunziona = () => {
 			triggerRadius="100px"
 		>
 			<ExpandableScreenTrigger className="w-full">
-				<Button
-					className="w-full text-lg md:text-base lg:text-lg"
-					size="xl"
-					variant="info"
-				>
+				<Button className="w-full text-lg md:text-base lg:text-lg" size="xl">
 					<HelpCircle />
 					<span>{t.come_funziona_guida.title}</span>
 				</Button>
 			</ExpandableScreenTrigger>
 
-			<ExpandableScreenContent className="bg-info text-primary-foreground">
+			<ExpandableScreenContent className="bg-primary text-primary-foreground">
 				<div className="h-full space-y-6 p-6 py-12 sm:space-y-16 sm:px-10">
 					{t.come_funziona_guida.features.map((text, index) => (
 						// biome-ignore lint/suspicious/noArrayIndexKey: <ok>