@@ -10,4 +10,6 @@ const { nombre, precio } = Astro.props;
<div class="bg-white shadow-lg rounded-lg p-6 text-gray-900 hover:shadow-xl transform hover:scale-105 transition duration-300 mx-3 my-2">
<h2 class="text-xl font-semibold mb-2 text-gray-800">{nombre}</h2>
<p class="text-lg text-gray-600">{precio}</p>
+ <button class="bg-lime-700 text-white mt-7 rounded px-3 py-1 hover:bg-slate-500">agregar</button>
+
</div>