La animación CSS3 no funciona en IE11 pero funciona en otros navegadores

He creado una animación CSS3 en un botón. Por el momento, funciona perfectamente en todas partes, excepto IE. Sé que no funcionará bien en versiones anteriores de IE, pero al menos esperaba que funcionara en IE11.

He creado un violín para demostrarViolín

Llamo a la animación en:before y:after al igual que

animation: 1000ms ease 0s normal none infinite running pulse-long;

Si abre el violín en Firefox o Chrome, debería ver que funciona la animación en el botón. Si lo abre en IE11, es solo un punto estático. Me conecté a Internet y probé algunas cosas, como mover los cuadros de animación a la parte superior del archivo CSS, pero aún así no funciona.

¿Hay alguna forma de hacer que esta animación funcione en IE11?