Is it possible to make a blurred gradient shadow with CSS?

Question

Here is a shadow:

So I need this to be a shadow which appears on button hover. I know its css but I didn\'t manage to make any blur:

background         


        

Answer 1

What about multiple box-shadow:

.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%);
}

this a button