title: Can't change CSS ::after shadow color
body: <p>Hey so my friend runs this web company. He told me he wanted to make some changes to his site. And if I showed him I could handle it, he'd hire me for some stuff.</p>
  
  <p>Most of it I handled fine. But I can't figure out this for the life of me.</p>
  
  <p>If you go to his site (linked below) and hover over the round plus icon under recent work. The shadow switches to blue. I want it to stay orange though.</p>
  
  <p>Any ideas?</p>
  
  <p>p.s. i changed the icon color, shadow color etc... just can't figure out how to change this one thing.</p>
  
  <p>*link removed</p>
  
  <p>Thanks!</p>
  
  <p>relevant code below :</p>
  
  <pre><code>.posts-grid.works li .featured-thumbnail .zoom-icon::after {
      background: #E35F33 none repeat scroll 0% 0%;
  }
  .posts-grid.works li .featured-thumbnail .zoom-icon {
      box-shadow: 0px 0px 0px 6px rgba(227, 95, 51, 0.2);
  }
  </code></pre>