<g id="button" > <circle id="button-circle-edge" cx="0" cy="0" r="3.4" style="stroke:#000000;fill:none;stroke-width:1;" /> <circle id="button-circle-hole1" cx="-1" cy="-1" r="0.5" style="stroke:none;fill:#000000;" /> <circle id="button-circle-hole2" cx="1" cy="-1" r="0.5" style="stroke:none;fill:#000000;" /> <circle id="button-circle-hole3" cx="1" cy="1" r="0.5" style="stroke:none;fill:#000000;" /> <circle id="button-circle-hole4" cx="-1" cy="1" r="0.5" style="stroke:none;fill:#000000;" /> </g>
<g id="button-lg" > 
<circle id="button-lg-circle-edge" cx="0" cy="0" r="7.5" style="stroke:#000000;fill:#000; fill-opacity:0.3;stroke-width:1;" /> <circle id="button-lg-circle-hole1" cx="-1.2" cy="-1.2" r="0.7" style="stroke:none;fill:#000000;" /> <circle id="button-lg-circle-hole2" cx="1.2" cy="-1.2" r="0.7" style="stroke:none;fill:#000000;" /> <circle id="button-lg-circle-hole3" cx="1.2" cy="1.2" r="0.7" style="stroke:none;fill:#000000;" /> <circle id="button-lg-circle-hole4" cx="-1.2" cy="1.2" r="0.7" style="stroke:none;fill:#000000;" /> </g>
