Add lil hover to View More

src/components/interstitials/TrendingVideos.tsx

@@ -196,7 +196,16 @@ function VideoCards({
             a.rounded_md,
             t.atoms.bg,
           ]}>
-          <View style={[a.flex_row, a.align_center, a.gap_md]}>
+          {({pressed}) => (
+            <View
+              style={[
+                a.flex_row,
+                a.align_center,
+                a.gap_md,
+                {
+                  opacity: pressed ? 0.6 : 1,
+                },
+              ]}>
               <Text style={[a.text_md]}>
                 <Trans>View more</Trans>
               </Text>
@@ -214,6 +223,7 @@ function VideoCards({
                 <ButtonIcon icon={ChevronRight} />
               </View>
             </View>
+          )}
         </Link>
       </View>
     </>

src/screens/Search/components/ExploreTrendingVideos.tsx

@@ -236,7 +236,16 @@ function VideoCards({
             a.rounded_md,
             t.atoms.bg_contrast_25,
           ]}>
-          <View style={[a.flex_row, a.align_center, a.gap_md]}>
+          {({pressed}) => (
+            <View
+              style={[
+                a.flex_row,
+                a.align_center,
+                a.gap_md,
+                {
+                  opacity: pressed ? 0.6 : 1,
+                },
+              ]}>
               <Text style={[a.text_md]}>
                 <Trans>View more</Trans>
               </Text>
@@ -254,6 +263,7 @@ function VideoCards({
                 <ButtonIcon icon={ChevronRight} />
               </View>
             </View>
+          )}
         </Link>
       </View>
     </>