add hover
This commit is contained in:
@@ -31,7 +31,7 @@ const { title } = Astro.props;
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="bg-black hover:bg-white hover:text-black font-semibold py-2.5 px-3 rounded-md cursor-pointer ml-auto transition duration-150"
|
||||
class="bg-black hover:bg-white hover:text-black font-semibold py-2.5 px-3 rounded-md cursor-pointer ml-auto transition"
|
||||
>
|
||||
Contratar agora
|
||||
</button>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user