鼠标光标在图标的边缘闪烁

Question

我在图标悬停时添加了框阴影和过渡，当我将光标移动到图标边缘（在阴影框上）时，光标开始闪烁。我该如何阻止它闪烁。这是我的代码

.icon:hover,.icon:focus,.icon:active {
  border-radius: 15px;
  outline:none !important;
  pointer:cursor;
  color:#0078B5 !important;
  -moz-box-shadow: 0px 0px 5px 3px #99cbe5;
  -webkit-box-shadow: 0px 0px 3px 4px #99cbe5;
  -o-box-shadow: 0px 0px 5px 3px #99cbe5;
  box-shadow: 0px 0px 5px 3px #99cbe5;
  -webkit-transition: background 1.5s, color .5s;
  -moz-transition: background 1.5s, color .5s;
  -o-transition: background 1.5s, color .5s;
  transition: background 1.5s, color .5s;
}