La verdad es que muy chulo tener un borde con degradado, al principio pensé que era imposible pero el hecho es que hay una función en css que se llama border-image. Creas primero un borde transparente y le das la opción border-image de la siguiente manera:
border: 10px solid transparent; //Creas el borde
border-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%) 1;
//agregas el gradiente a las esquinas
Y ya esta así de sencillo es. Cualquier duda que tengas, comenta y con gusto te ayudaré.