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="442.277"
        y2="69.723"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M364.071 145.386a16 16 0 1 0-22.269 22.99 123.292 123.292 0 0 1 1.75 175.48 16 16 0 0 0 22.708 22.551 155.307 155.307 0 0 0-2.189-221.021zM435.3 74.307a255.866 255.866 0 0 1 2.089 363.26A16 16 0 0 1 414.71 415a223.866 223.866 0 0 0-1.831-317.85A16 16 0 1 1 435.3 74.307zm-124.579 182.67A54.721 54.721 0 1 1 256 202.257a54.784 54.784 0 0 1 54.719 54.72zm-140.528-88.6a16 16 0 1 0-22.264-22.99 155.309 155.309 0 0 0-2.189 221.021 16 16 0 0 0 22.713-22.551 123.294 123.294 0 0 1 1.74-175.48zM97.286 415a16 16 0 0 1-22.675 22.57A255.7 255.7 0 0 1 76.7 74.307a16 16 0 0 1 22.416 22.84A223.877 223.877 0 0 0 97.286 415z"
    />
</svg>