How to create cut border gradient for button using CSS3

Question

I have to achieve the below look and feel using CSS gradient for button or any other suggestion also welcome

enter image description here

enter image description here

<button class="button-demo">Call to action</button>

.button-demo{
    
        padding:20px;
        border:5px solid;
        border-radius: 15px;
        //border-image:linear-gradient(60deg,#00a7e1 50%,#f6531d 0) 20;
        border-image: conic-gradient(red, transparent, yellow,transparent, red,transparent, yellow) 1;
        background:transparent;
    
}