Нечеткие кнопки и текст при прокрутке в firefox

Question

У меня странная проблема только в Firefox, при прокрутке тень кнопки нечеткая, найдите картинку. Большое спасибо.

Моя кнопка CSS:

.btn {
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.0);
    transition: all 0.2s ease-in-out;
}

Выпуск: