title: Style SVG circle with CSS
body: <p>So I have my SVG-circle. </p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1"&gt;
     &lt;circle cx="168" cy="179" r="59" fill="white" /&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>I want it to be 120% when one hover the circle. I tried both with width, height and stroke. Haven't find any solution to make the circle bigger when hovering. Any suggestions?</p>
  
  <pre><code>circle:hover
    {
      stroke-width:10px;
    }
  
  circle:hover
    {
      height: 120%;
      width: 120%;
    }
  </code></pre>