Impostare bordi gradient con CSS

Quello che vogliamo ottenere è un bordo gradient (quindi "sfumato" con diverse colorazioni) senza usare immagini o Javascript.

Ma solo usando CSS.

Ovviamente è fattibile con un piccolo trick; qui sotto il codice di esempio:

<style>
	#my_btn {
		border: solid 5px;
		border-image-source: linear-gradient(to top left, #0a03f9, #fe1d17);
		border-image-slice: 5;
		padding: 5px 20px;
	}
</style>

<button id="my_btn">Invia</button>

Enjoy!