Tailwind border gradient

    <div
                    style={{
                        border: "2px solid",
                        borderImageSource:
                            "linear-gradient(94.78deg, #A861FF 5.14%, #55CCFF 93.33%)",
                        borderImageSlice: 1,
                        borderRadius: "9999px",
                    }}
                    className="px-3 py-[6px] bg-white rounded-full w-fit self-center"
                >
                    <p className="inline-block text-transparent bg-cta-gradient bg-clip-text">
                        Laculis gravida mi scelerisque tincidunt
                    </p>
                </div>

    <div
                    style={{
                        border: "2px solid",
                        borderImageSource:
                            "linear-gradient(94.78deg, #A861FF 5.14%, #55CCFF 93.33%)",
                        borderImageSlice: 1,
                        borderRadius: "9999px",
                    }}
                    className="px-3 py-[6px] bg-white rounded-full w-fit self-center"
                >
                    <p className="inline-block text-transparent bg-cta-gradient bg-clip-text">
                        Laculis gravida mi scelerisque tincidunt
                    </p>
                </div>