是否可以使用CSS制作模糊的渐变阴影？

Question

这是阴影：

因此，我需要将其作为出现在按钮悬停按钮上的阴影。我知道它的CSS，但是我没有做任何模糊处理：

background-image: linear-gradient(-90deg, #CF77F3 0%, #009BFF 47%, #2AC9DB 100%);
border-radius: 100px;
filter: blur(5px);

因此，有两个基本问题：

1. 是否有可能用CSS做这个模糊的事情？
2. 如果是，是否可以使其成为按钮阴影？还是我还能解决这个问题？一种想法是只用绝对定位来制作png，这有点不客气

更新

所以我想要达到的最终结果是这样的：

阴影重复按钮渐变，即

linear-gradient(-90deg, #CF77F3 0%, #009BFF 47%, #2AC9DB 100%);

Answer 1

那么多盒阴影呢：

.box {
 margin:50px;
 width:100px;
 height:50px;
 border-radius:20px;
 color:#fff;
 text-align:center;
 line-height:50px;
 box-shadow:
 20px 5px 40px #CF77F3,
   0px 5px 40px #009BFF,
  -20px 5px 40px #2AC9DB;
  background-image: linear-gradient(-90deg, #CF77F3 0%, #009BFF 47%, #2AC9DB 100%);
}

<div class="box">
this a button
</div>