Style collection import CTA

resources/js/admin/mobile/EventTasksPage.tsx

@@ -937,7 +937,11 @@ export default function MobileEventTasksPage() {
                 }
                 iconAfter={
                   <XStack space="$1.5" alignItems="center">
-                    <Pressable
+                    <Button
+                      size="$2"
+                      backgroundColor={withAlpha(primary, 0.12)}
+                      borderWidth={1}
+                      borderColor={withAlpha(primary, 0.35)}
                       onPress={() => {
                         if (!canAddTasks) {
                           toast.error(limitReachedMessage);
@@ -946,10 +950,10 @@ export default function MobileEventTasksPage() {
                         importCollection(collection.id);
                       }}
                     >
-                      <Text fontSize={12} fontWeight="600" color={canAddTasks ? primary : muted}>
+                      <Text fontSize="$xs" fontWeight="700" color={canAddTasks ? primary : muted}>
                         {t('events.tasks.import', 'Import')}
                       </Text>
-                    </Pressable>
+                    </Button>
                     <ChevronRight size={14} color={subtle} />
                   </XStack>
                 }