改变规模，但没有模糊性

Question

我有一个带有以下CSS的圆圈：

   width: 106px;
    border-radius: 50%;
    color: white;
    height: 106px;
    margin: 0 auto;
    box-shadow: 0px 0px 8.73px 0.27px rgba(0, 0, 0, 0.39);
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    background-image: url(/images/plussign.svg);
    background-position: center center;
    background-size: 30px 30px;
    background-repeat: no-repeat;

    &:hover {
        transform:scale(1.05, 1.05);
    }

当我将鼠标悬停在圆圈上时，它会缩放105％。但是，圆圈​​内的加号变得模糊。有没有解决这个问题？