Hotspot

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5cc4bb" />
        <stop offset=".097" stop-color="#50c1c0" />
        <stop offset=".501" stop-color="#25b4d2" />
        <stop offset=".815" stop-color="#0aacde" />
        <stop offset="1" stop-color="#00a9e2" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M320.788 218.5A64.788 64.788 0 1 0 240 281.288V496a16 16 0 0 0 32 0V281.288a64.9 64.9 0 0 0 48.788-62.788zm-97.576 0A32.788 32.788 0 1 1 256 251.291a32.825 32.825 0 0 1-32.788-32.791zm251.29 0a218.566 218.566 0 0 1-162.844 211.338 16 16 0 1 1-8.131-30.949A186.547 186.547 0 0 0 442.5 218.5C442.5 115.665 358.838 32 256 32S69.5 115.665 69.5 218.5c0 82.964 55.664 156.74 135.366 179.409a16 16 0 0 1-8.754 30.779 220.033 220.033 0 0 1-113.638-77.383A218.511 218.511 0 0 1 256 0a218.5 218.5 0 0 1 218.5 218.5zM292.983 340.708a16 16 0 0 1 8.084-21.134 110.63 110.63 0 1 0-103.948-7.367 113.435 113.435 0 0 0 10.391 5.767 16 16 0 1 1-14.047 28.752 142.643 142.643 0 0 1-80.1-128.224c0-78.65 63.987-142.637 142.638-142.637S398.638 139.852 398.638 218.5a142.869 142.869 0 0 1-84.52 130.289 15.986 15.986 0 0 1-21.135-8.083z"
    />
</svg>