border-image-outset кросс-браузер проблемы совместимости?

Question

Есть ли подсказка, чтобы сделать border-image-outset анимируемым в Firefox и выглядеть так же, как в Chrome? У меня такая же проблема в Edge.

Часть кода, которая не работает должным образом:

&:hover {
  border-image-outset: 5px;
}

Я использую эту ручку:

https://codepen.io/mysth/pen/zyEzKP

Я использую Chrome 71.0.3578.98, Firefox 64.0.2, Microsoft EdgeHTML 17.17134.