Почему не работает transform: rotate(-45deg) в Сафари?

Есть такой css
.b-keises__list__item:hover:before {
content: counter(my-badass-counter);
counter-increment: my-badass-counter;
top: 26px;
left: -144px;
width: 55px;
height: 55px;
position: absolute;
border: 2px solid #ed5153;
transform: rotate(-45deg);
color: #EA5254;
font-family: "Roboto";
font-size: 32px;
font-weight: 300;
text-align: center;
}

При наведении на пункт списка
Псевдоселектор before поворачивается на 45 градусов.
Если че можно посмотреть на test1.mr-lexus.ru В секции почему Мы
Почему в Сафари transform: rotate(-45deg); не работает???
Как это переделать тогда для Сафари???