How to make the border linear-gradient? How to use the direction?

Question

My logo name is Undead and the first color in linear-gradient display the second color(stop color) instead of the first one.

I want to use the linear-gradient in border instead of text in Play now button.

This is my try
https://code.sololearn.com/W0JpJxxtXDG6/?ref=app

Thank you in advance

Answer 1

if you want only border liner-gradient then.
Erase this---
background: -webkit-linear-gradient(right, rgb(6,255,243), rgb(255,37,206));

Kuro Chi
Edit:- Add this in button --

border:20px solid transparent ; border-image:linear-gradient(45deg,rgb(6,255,243), rgb(255,37,206));
border-image-slice:1;

Answer 2

How can I change border-radius if I use border-image?