Hotspot

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 497 497"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="7.5"
        y2="504.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5ee4ff" />
        <stop offset=".094" stop-color="#5ad9f9" />
        <stop offset=".26" stop-color="#4ebbea" />
        <stop offset=".479" stop-color="#3a8bd1" />
        <stop offset=".739" stop-color="#1f49ae" />
        <stop offset="1" stop-color="#020088" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M504.5 256a248.591 248.591 0 0 1-191.864 242.013 17.5 17.5 0 0 1-7.948-34.086C401.727 441.3 469.5 355.8 469.5 256c0-117.724-95.775-213.5-213.5-213.5S42.5 138.276 42.5 256c0 99.8 67.773 185.3 164.811 207.927a17.5 17.5 0 0 1-7.947 34.086A248.591 248.591 0 0 1 7.5 256 248.5 248.5 0 0 1 431.716 80.284 246.874 246.874 0 0 1 504.5 256zM308.67 405.236a17.449 17.449 0 0 0 6.5-1.257A159.377 159.377 0 0 0 415.331 256c0-87.855-71.476-159.331-159.331-159.331S96.669 168.145 96.669 256a159.378 159.378 0 0 0 100.165 147.979 17.5 17.5 0 0 0 13-32.5 124.331 124.331 0 1 1 92.326 0 17.5 17.5 0 0 0 6.507 33.752zm-35.17-81.283V487a17.5 17.5 0 0 1-35 0V323.953a70.162 70.162 0 1 1 35 0zM256 291.162A35.162 35.162 0 1 0 220.838 256 35.2 35.2 0 0 0 256 291.162z"
        transform="translate(-7.5 -7.5)"
    />
</svg>