// figma node: 6401:1222 BTN (43 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "taille=" + __venc(p.taille) + '|' + "priorit=" + __venc(p.priorit) + '|' + "style2=" + __venc(p.style2);

export function BTN(_p = {}) {
  const props = { ..._p, taille: _p.taille ?? "default", priorit: _p.priorit ?? "primary", style2: _p.style2 ?? "full" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "0 0 0 1px var(--colors-white)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "0 0 0 1px var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-light)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body2 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "0 0 0 1px var(--colors-blue)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body3 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-hover)",
      boxShadow: "0 0 0 1px var(--colors-blue-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body4 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-white)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body5 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body6 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      height: 48,
      borderRadius: 1000,
      boxShadow: "inset 0 0 0 1px var(--colors-blue)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "4px 16px 4px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body7 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "0 0 0 1px var(--colors-blue)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body8 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-hover)",
      boxShadow: "0 0 0 1px var(--colors-blue-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body9 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "0 0 0 1px var(--colors-blue)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      color: "var(--colors-blue)",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
      <svg width={9} height={1.400} viewBox="0 -0.700 9 1.400" fill="none" style={{
        position: "relative",
        width: 9,
        height: 1.399999976158142,
        flexShrink: 0,
      }}>
        <path d={"M 9.495 0.495 C 9.768 0.222 9.768 -0.222 9.495 -0.495 L 5.04 -4.95 C 4.767 -5.223 4.324 -5.223 4.05 -4.95 C 3.777 -4.676 3.777 -4.233 4.05 -3.96 L 8.01 0 L 4.05 3.96 C 3.777 4.233 3.777 4.676 4.05 4.95 C 4.324 5.223 4.767 5.223 5.04 4.95 L 9.495 0.495 Z M 0 0 L 0 0.7 L 9 0.7 L 9 0 L 9 -0.7 L 0 -0.7 L 0 0 Z"} fill="currentColor" fillRule="nonzero" />
      </svg>
    </div>
  );
  const __body10 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "0 0 0 1px var(--colors-blue-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      color: "var(--colors-blue-hover)",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-hover)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
      <svg width={9} height={1.400} viewBox="0 -0.700 9 1.400" fill="none" style={{
        position: "relative",
        width: 9,
        height: 1.399999976158142,
        flexShrink: 0,
      }}>
        <path d={"M 9.495 0.495 C 9.768 0.222 9.768 -0.222 9.495 -0.495 L 5.04 -4.95 C 4.767 -5.223 4.324 -5.223 4.05 -4.95 C 3.777 -4.676 3.777 -4.233 4.05 -3.96 L 8.01 0 L 4.05 3.96 C 3.777 4.233 3.777 4.676 4.05 4.95 C 4.324 5.223 4.767 5.223 5.04 4.95 L 9.495 0.495 Z M 0 0 L 0 0.7 L 9 0.7 L 9 0 L 9 -0.7 L 0 -0.7 L 0 0 Z"} fill="currentColor" fillRule="nonzero" />
      </svg>
    </div>
  );
  const __body11 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      display: "flex",
      flexDirection: "row",
      gap: 8,
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body12 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      display: "flex",
      flexDirection: "row",
      gap: 8,
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      position: "relative",
      color: "rgb(12,48,151)",
      ...props.style,
    }}>
      <svg width={12} height={13.609} viewBox="0 0 12 13.609" fill="none" style={{
        position: "relative",
        width: 12,
        height: 13.609,
        flexShrink: 0,
      }}>
        <path d={"M 12 6.276 L 12 12.276 C 12 13.013 11.403 13.609 10.667 13.609 L 1.333 13.609 C 0.597 13.609 0 13.013 0 12.276 L 0 6.276 L 1.333 6.276 L 1.333 12.276 L 10.667 12.276 L 10.667 6.276 L 12 6.276 Z M 6.667 2.552 L 6.667 9.609 L 5.333 9.609 L 5.333 2.552 L 3.138 4.748 L 2.195 3.805 L 6 0 L 9.805 3.805 L 8.862 4.748 L 6.667 2.552 Z"} fill="currentColor" fillRule="evenodd" />
      </svg>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Partager"}</span>
    </div>
  );
  const __body13 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      display: "flex",
      flexDirection: "row",
      gap: 8,
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-hover)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body14 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      display: "flex",
      flexDirection: "row",
      gap: 8,
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        opacity: 0.5,
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-dark)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body15 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        opacity: 0.8,
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-dark)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body16 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-light)",
      boxShadow: "inset 0 0 0 1px rgba(106,122,165,0.2)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        opacity: 0.8,
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-dark)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body17 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        opacity: 0.8,
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-dark)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body18 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "rgb(12,48,151)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body19 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body20 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-white)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body21 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "inset 0 0 0 1px var(--colors-white)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body22 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-error)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body23 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "inset 0 0 0 1px var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-light)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body24 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body25 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        opacity: 0.8,
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-dark)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body26 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "inset 0 0 0 1px var(--colors-blue)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      color: "var(--colors-blue)",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
      <svg width={9} height={1.400} viewBox="0 -0.700 9 1.400" fill="none" style={{
        position: "relative",
        width: 9,
        height: 1.399999976158142,
        flexShrink: 0,
      }}>
        <path d={"M 9.495 0.495 C 9.768 0.222 9.768 -0.222 9.495 -0.495 L 5.04 -4.95 C 4.767 -5.223 4.324 -5.223 4.05 -4.95 C 3.777 -4.676 3.777 -4.233 4.05 -3.96 L 8.01 0 L 4.05 3.96 C 3.777 4.233 3.777 4.676 4.05 4.95 C 4.324 5.223 4.767 5.223 5.04 4.95 L 9.495 0.495 Z M 0 0 L 0 0.7 L 9 0.7 L 9 0 L 9 -0.7 L 0 -0.7 L 0 0 Z"} fill="currentColor" fillRule="nonzero" />
      </svg>
    </div>
  );
  const __body27 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "inset 0 0 0 1px var(--colors-blue-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      color: "var(--colors-blue-hover)",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-hover)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
      <svg width={9} height={1.400} viewBox="0 -0.700 9 1.400" fill="none" style={{
        position: "relative",
        width: 9,
        height: 1.399999976158142,
        flexShrink: 0,
      }}>
        <path d={"M 9.495 0.495 C 9.768 0.222 9.768 -0.222 9.495 -0.495 L 5.04 -4.95 C 4.767 -5.223 4.324 -5.223 4.05 -4.95 C 3.777 -4.676 3.777 -4.233 4.05 -3.96 L 8.01 0 L 4.05 3.96 C 3.777 4.233 3.777 4.676 4.05 4.95 C 4.324 5.223 4.767 5.223 5.04 4.95 L 9.495 0.495 Z M 0 0 L 0 0.7 L 9 0.7 L 9 0 L 9 -0.7 L 0 -0.7 L 0 0 Z"} fill="currentColor" fillRule="nonzero" />
      </svg>
    </div>
  );
  const __body28 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-hover)",
      boxShadow: "inset 0 0 0 1px var(--colors-blue-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body29 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 16px 12px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body30 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-white)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body31 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-error)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body32 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "inset 0 0 0 1px var(--colors-white)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body33 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      boxShadow: "inset 0 0 0 1px var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-light)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body34 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body35 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body36 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-error-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body37 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-light)",
      boxShadow: "inset 0 0 0 1px var(--colors-blue-light)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-l) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        opacity: 0.8,
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-blue-dark)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body38 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "rgb(12,48,151)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body39 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-blue-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body40 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-error)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __body41 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 1000,
      backgroundColor: "var(--colors-error-hover)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "20px 32px 20px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingTop: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      paddingRight: "calc(var(--buttons-padding-padding-width) * 1px)",
      paddingBottom: "calc(var(--buttons-padding-padding-h-xl) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 18,
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "var(--colors-white)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Créer une cagnotte"}</span>
    </div>
  );
  const __impls = {
    // figma: Taille=Default, Priorité=Secondary, Style=Outline
    "taille=default|priorit=secondary|style2=outline": __body0,
    // figma: Taille=Default, Priorité=Secondary, Style=Outline / Hover
    "taille=default|priorit=secondary|style2=outline / hover": __body1,
    // figma: Taille=Default, Priorité=Primary, Style=Outline
    "taille=default|priorit=primary|style2=outline": __body2,
    // figma: Taille=Default, Priorité=Primary, Style=Outline / Hover
    "taille=default|priorit=primary|style2=outline / hover": __body3,
    // figma: Taille=Default, Priorité=Secondary, Style=Full
    "taille=default|priorit=secondary|style2=full": __body4,
    // figma: Taille=Default, Priorité=Secondary, Style=Full / Hover
    "taille=default|priorit=secondary|style2=full / hover": __body5,
    // figma: Taille=XS, Priorité=Primary, Style=Outline
    "taille=xs|priorit=primary|style2=outline": __body6,
    // figma: Taille=S, Priorité=Primary, Style=Outline
    "taille=s|priorit=primary|style2=outline": __body7,
    // figma: Taille=S, Priorité=Primary, Style=Outline / Hover
    "taille=s|priorit=primary|style2=outline / hover": __body8,
    // figma: Taille=S, Priorité=Primary, Style=Outline + Arrow
    "taille=s|priorit=primary|style2=outline + arrow": __body9,
    // figma: Taille=S, Priorité=Primary, Style=Outline + Arrow / Hover
    "taille=s|priorit=primary|style2=outline + arrow / hover": __body10,
    // figma: Taille=Link, Priorité=Primary, Style=Full
    "taille=link|priorit=primary|style2=full": __body11,
    // figma: Taille=Link, Priorité=Primary, Style=Sharing
    "taille=link|priorit=primary|style2=sharing": __body12,
    // figma: Taille=Link, Priorité=Primary, Style=Full / Hover
    "taille=link|priorit=primary|style2=full / hover": __body13,
    // figma: Taille=Link, Priorité=Primary, Style=Disabled
    "taille=link|priorit=primary|style2=disabled": __body14,
    // figma: Taille=Default, Priorité=Primary, Style=Disabled
    "taille=default|priorit=primary|style2=disabled": __body15,
    // figma: Taille=Default, Priorité=Secondary, Style=Disabled
    "taille=default|priorit=secondary|style2=disabled": __body16,
    // figma: Taille=S, Priorité=Primary, Style=Disabled
    "taille=s|priorit=primary|style2=disabled": __body17,
    // figma: Taille=S, Priorité=Primary, Style=Full
    "taille=s|priorit=primary|style2=full": __body18,
    // figma: Taille=XS, Priorité=Primary, Style=Full
    "taille=xs|priorit=primary|style2=full": __body19,
    // figma: Taille=XS, Priorité=Secondary, Style=Full
    "taille=xs|priorit=secondary|style2=full": __body20,
    // figma: Taille=XS, Priorité=Secondary, Style=Outline
    "taille=xs|priorit=secondary|style2=outline": __body21,
    // figma: Taille=XS, Priorité=Secondary, Style=Error
    "taille=xs|priorit=secondary|style2=error": __body22,
    // figma: Taille=XS, Priorité=Secondary, Style=Outline / Hover
    "taille=xs|priorit=secondary|style2=outline / hover": __body23,
    // figma: Taille=XS, Priorité=Secondary, Style=Full / Hover
    "taille=xs|priorit=secondary|style2=full / hover": __body24,
    // figma: Taille=XS, Priorité=Secondary, Style=Disabled
    "taille=xs|priorit=secondary|style2=disabled": __body25,
    // figma: Taille=XS, Priorité=Primary, Style=Outline + Arrow
    "taille=xs|priorit=primary|style2=outline + arrow": __body26,
    // figma: Taille=XS, Priorité=Primary, Style=Outline + Arrow / Hover
    "taille=xs|priorit=primary|style2=outline + arrow / hover": __body27,
    // figma: Taille=XS, Priorité=Primary, Style=Outline / Hover
    "taille=xs|priorit=primary|style2=outline / hover": __body28,
    // figma: Taille=XS, Priorité=Primary, Style=Full / Hover
    "taille=xs|priorit=primary|style2=full / hover": __body29,
    // figma: Taille=XS, Priorité=Primary, Style=Disabled
    "taille=xs|priorit=primary|style2=disabled": __body25,
    // figma: Taille=S, Priorité=Secondary, Style=Full
    "taille=s|priorit=secondary|style2=full": __body30,
    // figma: Taille=S, Priorité=Error, Style=Full
    "taille=s|priorit=error|style2=full": __body31,
    // figma: Taille=S, Priorité=Secondary, Style=Outline
    "taille=s|priorit=secondary|style2=outline": __body32,
    // figma: Taille=S, Priorité=Secondary, Style=Outline / Hover
    "taille=s|priorit=secondary|style2=outline / hover": __body33,
    // figma: Taille=S, Priorité=Primary, Style=Full / Hover
    "taille=s|priorit=primary|style2=full / hover": __body34,
    // figma: Taille=S, Priorité=Secondary, Style=Full / Hover
    "taille=s|priorit=secondary|style2=full / hover": __body35,
    // figma: Taille=S, Priorité=Error, Style=Full / Hover
    "taille=s|priorit=error|style2=full / hover": __body36,
    // figma: Taille=S, Priorité=Secondary, Style=Disabled
    "taille=s|priorit=secondary|style2=disabled": __body37,
    // figma: Taille=Default, Priorité=Primary, Style=Full
    "taille=default|priorit=primary|style2=full": __body38,
    // figma: Taille=Default, Priorité=Primary, Style=Full / Hover
    "taille=default|priorit=primary|style2=full / hover": __body39,
    // figma: Taille=Default, Priorité=Error, Style=Full
    "taille=default|priorit=error|style2=full": __body40,
    // figma: Taille=Default, Priorité=Error, Style=Full / Hover
    "taille=default|priorit=error|style2=full / hover": __body41,
  };
  return (__impls[__vkey(props)] ?? __body38)();
}
export default BTN;
