From ad187f1a7c421e14109b44e90c060f3eb77fd2e5 Mon Sep 17 00:00:00 2001
From: Xavi Alfaro <nxb.developer@gmail.com>
Date: Fri, 5 Apr 2024 22:09:10 -0500
Subject: [PATCH] update button styles

---
 src/components/generation-info.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/generation-info.tsx b/src/components/generation-info.tsx
index 519cf25..36eb05f 100644
--- a/src/components/generation-info.tsx
+++ b/src/components/generation-info.tsx
@@ -1,5 +1,7 @@
 'use client'
 
+import { KeyRound } from 'lucide-react'
+
 import { RATE_LIMIT } from '@/constants'
 import { useRemaining } from '@/hooks/use-remaining'
 import { Button } from '@/components/ui/button'
@@ -15,12 +17,10 @@ export function GenerationInfo() {
     <>
       <Popover>
         <PopoverTrigger asChild>
-          <Button className='w-full relative overflow-hidden rounded-md p-[1px] focus:outline-none hidden sm:block'>
-            <span className='absolute inset-[-1000%] bg-[conic-gradient(from_90deg_at_50%_50%,#E2CBFF_0%,#393BB2_40%,#E2CBFF_100%)]' />
-            <span className='inline-flex size-full items-center justify-center rounded-md bg-background hover:bg-[#0d0d0d] transition-colors duration-200 px-4 2xl:px-8 py-1 font-medium text-gray-200 backdrop-blur-3xl'>
-              <span className='text-sm text-transparent bg-clip-text bg-gradient-to-tr from-purple-400 to-purple-100'>
-                {isLoading ? 0 : data.remaining} / {RATE_LIMIT} generations
-              </span>
+          <Button className='w-full rounded-md p-[1px] focus:outline-none hidden sm:flex gap-2 items-center bg-zinc-900 border hover:bg-zinc-800 transition-colors duration-300'>
+            <KeyRound size={18} className='text-purple-300' />
+            <span className='text-transparent bg-clip-text bg-gradient-to-tr from-purple-500 via-purple-300 to-purple-100'>
+              {isLoading ? 0 : data.remaining} / {RATE_LIMIT} generations
             </span>
           </Button>
         </PopoverTrigger>