Cómo crear borde multicolores con CSS puro

Para lograr el efecto borde multicolor con CSS seguimos el siguiente código.

En este código realmente vamos a utilizar el selectro AFTER al cual le aplicaremos un BACKGROUND linear-gradient, primero vamos a ir a un  CSS Gradient Generator y construimos los colores según lo necesitemos. 

Luego usamos el código en nuestro CSS aquí les dejo el código completo