update

src/components/BorderGradientButton.js

@@ -5,17 +5,21 @@ import { Palette, Style } from "../styles";
 import { BlurView } from "expo-blur";
 import { FONT_FAMILY } from "../styles/Fonts";
 
-const BorderGradientButton = ({ title = "J’ai déjà mes paroles" }) => {
+const BorderGradientButton = ({ title = "J’ai déjà mes paroles", onPress }) => {
   return (
-    <Pressable>
+    <Pressable onPress={onPress}>
       <BorderGradient
         gradientProps={{
           colors: ["#F94697", "#7023F7"],
+          start: { x: 0, y: 0 },
+          end: { x: 1, y: 0 },
+          locations: [0, 1],
         }}
         style={{
           height: 50,
           borderRadius: 14,
           borderWidth: 1,
+          zIndex: 1,
         }}
       >
         <View
@@ -23,10 +27,12 @@ const BorderGradientButton = ({ title = "J’ai déjà mes paroles" }) => {
             borderRadius: 14,
             overflow: "hidden",
             backgroundColor: "#73737324",
+            width: "100%",
+            height: "100%",
           }}
         >
           <BlurView
-            intensity={30}
+            intensity={40}
             tint="dark"
             style={{
               width: "100%",