diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index d8b102d..868b6bd 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -9,24 +9,26 @@
 <footer>
 	<div class="flex flex-col justify-between gap-6 p-6">
 		<div class="flex justify-between sm:flex-col md:flex-row md:gap-96">
-			<img class="hidden md:block size-32" src={mascota_imagen} alt="Mascota" />
+			<img class="hidden size-32 md:block" src={mascota_imagen} alt="Mascota" />
 			<div class="flex flex-col gap-2 lg:justify-between">
 				<h2>SUBSCRIBE TO OUR NEWSLETTER</h2>
 				<p>The latest news, articles, and resources, sent to your inbox weekly.</p>
-				<div class="flex flex-col md:flex-row items-center gap-3">
+				<div class="flex flex-col items-center gap-3 md:flex-row">
 					<input
-						class="form-input rounded text-gray-900 w-full md:w-3/4 h-10"
+						class="form-input h-10 w-full rounded text-gray-900 md:w-3/4"
 						type="email"
 						placeholder="Enter your email"
 					/>
-					<button class="truncate rounded-lg bg-lime-600 px-2 w-full md:w-1/4 h-10">
+					<button class="h-10 w-full truncate rounded-lg bg-lime-600 px-2 md:w-1/4">
 						Subscribe
 					</button>
 				</div>
 			</div>
 		</div>
 
-		<div class="flex flex-col-reverse md:flex-row justify-between border-t border-t-gray-400 p-4 gap-5 lg:gap-96">
+		<div
+			class="flex flex-col-reverse justify-between gap-5 border-t border-t-gray-400 p-4 md:flex-row lg:gap-96"
+		>
 			<h6 class="text-xs text-gray-300">© 2024 Kokoa. All rights reserved.</h6>
 			<div class="flex gap-6 text-gray-300">
 				<a href="https://www.facebook.com/kokoaecuador">