Adjust package CTA split and label

resources/js/pages/marketing/Packages.tsx

@@ -811,14 +811,12 @@ function PackageCard({
       </CardContent>
       {showCTA && onSelect && (
         <CardFooter className={cn('mt-auto', compact && 'pt-4')}>
-          <div className="grid w-full grid-cols-[2fr_1fr] gap-2">
+          <div className="grid w-full grid-cols-[7fr_3fr] gap-2">
             <Button
               asChild
               className={cn(
                 'w-full justify-center rounded-full text-sm font-semibold',
-                highlight
-                  ? accent.buttonHighlight
-                  : 'bg-gray-900 text-white hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-white',
+                'bg-pink-500 text-white hover:bg-pink-600',
                 compact && 'py-4 text-base',
               )}
               variant="default"
@@ -831,6 +829,7 @@ function PackageCard({
                 }}
               >
                 {t('packages.to_order')}
+                <ArrowRight className="h-4 w-4" aria-hidden />
               </Link>
             </Button>
             <Button
@@ -843,7 +842,6 @@ function PackageCard({
               variant="outline"
             >
               {ctaLabel ?? t('packages.view_details')}
-              <ArrowRight className="h-4 w-4" aria-hidden />
             </Button>
           </div>
         </CardFooter>