review

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.buy/payment.tsx

@@ -2,6 +2,7 @@ import { useForm, Controller } from 'react-hook-form'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { ErrorMessage } from '@hookform/error-message'
 import z from 'zod'
+import { ArrowRightIcon } from 'lucide-react'
 
 import { Button } from '@repo/ui/components/ui/button'
 import { Label } from '@repo/ui/components/ui/label'
@@ -39,7 +40,7 @@ export function Payment({ onSubmit, defaultValues }: PaymentProps) {
   }
 
   return (
-    <form onSubmit={handleSubmit(onSubmit_)} className="space-y-6">
+    <form onSubmit={handleSubmit(onSubmit_)} className="space-y-4">
       <Controller
         name="payment_method"
         control={control}
@@ -83,7 +84,7 @@ export function Payment({ onSubmit, defaultValues }: PaymentProps) {
 
       <Separator />
 
-      <div className="flex justify-end gap-4 *:cursor-pointer">
+      <div className="flex justify-between gap-4 *:cursor-pointer">
         <Button
           type="button"
           variant="link"
@@ -92,7 +93,9 @@ export function Payment({ onSubmit, defaultValues }: PaymentProps) {
         >
           Voltar
         </Button>
-        <Button type="submit">Continuar</Button>
+        <Button type="submit" variant="secondary">
+          Continuar <ArrowRightIcon />
+        </Button>
       </div>
     </form>
   )