CSS не работает в Safari, работает нормально в Chrome

Question

Приведенный выше CSS отлично работает как для Chrome, так и для Mozilla, но не работает для Safari.

Mozilla:

@supports (-moz-appearance:none) {
  .additem .additem_btn i:before {
    font-size: 14px !important;
    margin-left: -2px !important;
  }
}

Safari:

_::-webkit-full-page-media,
_:future,
 :root .additem .additem_btn i:before {
  font-size: 14px !important;
  margin-left: -2px !important;
}

Все браузеры:

.additem .additem_btn i:before {
  font-size: 14px !important;
  margin-left: -1px !important;
}

Оригинальный дизайн:

Проблемы отмечены красным цветом: