add hover

This commit is contained in:
2025-04-29 12:15:50 -03:00
parent f73da052e5
commit f535e1aa25
9 changed files with 17 additions and 15 deletions

View File

@@ -9,7 +9,7 @@ import Container from "~/components/Container.astro";
</h1>
<div class="grid lg:grid-cols-3 gap-5">
<div
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 hover:scale-105 hover:bg-white/10 transform transition duration-200"
>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
@@ -30,13 +30,13 @@ import Container from "~/components/Container.astro";
</p>
<a
href="#"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Contratar
</a>
</div>
<div
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 hover:scale-105 hover:bg-white/10 transform transition duration-200"
>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
@@ -56,13 +56,13 @@ import Container from "~/components/Container.astro";
</p>
<a
href="#"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Contratar
</a>
</div>
<div
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5 hover:scale-105 hover:bg-white/10 transform transition duration-200"
>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
@@ -82,7 +82,7 @@ import Container from "~/components/Container.astro";
</p>
<a
href="#"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center transition"
>
Contratar
</a>