Com a ajuda deTutorial do CSS Triangle, Eu aprendi a criar formas triangulares.

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;   
        border-top: 20px solid #ccc;
}

eu estou tentandoadicione uma borda ao triângulo mas não consegui.

o que eu consegui:

Esperado:(tentando algo semelhante à borda com cinza)

Verifique istoJSFiddle

Preso não por onde começar isso. eu tenteioutline, mas nenhum funcionou (eu sei que não funcionará).

Obrigado por reservar um tempo para ler minha pergunta.

Qualquer ajuda é apreciada.

Nota: Estou tentando isso em CSS, em vez de usar imagens.