title: Is it possible to make a blurred gradient shadow with CSS?
body: <p>Here is a shadow:</p>
  
  <p><a href="https://i.stack.imgur.com/9bfh4.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9bfh4.png" alt="enter image description here"></a></p>
  
  <p>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:</p>
  
  <pre><code>background-image: linear-gradient(-90deg, #CF77F3 0%, #009BFF 47%, #2AC9DB 100%);
  border-radius: 100px;
  filter: blur(5px);
  </code></pre>
  
  <p>So, two basic questions:</p>
  
  <ol>
  <li>Is it possible to make this blurred thing with CSS?</li>
  <li>If yes, is it possible to make it a button shadow? Or how else can I solve this? One thought was to just make a png with absolute positioning, which is hacky a bit</li>
  </ol>
  
  <p><strong>update</strong></p>
  
  <p>So the final result I want achieve looks something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/cHVzV.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cHVzV.png" alt="enter image description here"></a></p>
  
  <p>The shadow repeats button gradient which is</p>
  
  <pre><code>linear-gradient(-90deg, #CF77F3 0%, #009BFF 47%, #2AC9DB 100%);
  </code></pre>