Estou tentando criar o botão abaixo usando os pseudoelementos antes e depois.Não quero manipular o HTML DOM. Estou procurando uma solução com CSS puro.

Como é possível tornar transparente a cor da borda atualmente branca desses triângulos?

//EDITAR: otópico marcado não responde minha pergunta porque preciso de um ângulo diferente do que apenas girar um quadrado. Também não é transparente. Eu não quero manipular o DOM.

// RESOLVIDO: Este é o resultado após o uso da solução Kate Millers:

// EDIT2: Há outro problema com a solução que uso agora:

Existe uma maneira de corrigir a largura da borda dos triângulos (esquerda e direita)? Aqui você pode ver como o tamanho muda para 14,4 e 26,4 px, 26,4 px: