How can you turn this hover function off?

My checkbox has box-shadow..when I hover on the checkbox. I tried turning it off in every way but still couldn't turn it off. It doesn't show on the inspect. box-shadow and background color doesn't seem to work. This is my checkbox. It has weird blue shadow around the border... Checkbox

.treejs .treejs-node__checked > .treejs-checkbox:before {
    opacity: 1;
    transform: scale(1);
    background-color: #D9368D;
    border-color: hsl(328, 68%, 53%);
    box-shadow: hsl(328, 68%, 53%) inset;
}

Can anyone please help how to turn it off?