title: How do I replicate this effect?
body: <p>I'm looking for a way to replicate this effect in HTML/CSS. I thought it'd be as simple as setting a radial gradient as the background, then putting a transparent darker overlay and just making the buttons and such white but transparent, yet it doesn't give nearly the same effect.</p>
  
  <p>This is the effect I'm trying to replicate:</p>
  
  <p><a href="https://i.stack.imgur.com/7KkV7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7KkV7.png" alt="enter image description here"></a></p>
  
  <p>Anyone who's smart with CSS happen to know how to achieve this? I've looked all over and haven't found any methods that aren't insanely convoluted workarounds that barely work for one browser. Multi-browser capability is optional, I mainly care about chrome and firefox.</p>
  
  <p>Thanks in advance!</p>
  
  <p><strong>EDIT: To make things even tricker, yes this is a radial gradient, I posted kind of a bad picture. Here's a better example:</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/t17F3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t17F3.png" alt="enter image description here"></a></p>