Interactivity

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#d3d3d3"
        d="m416.256 133.031-3.826-9.239-147.192 60.97 60.969-147.191-9.238-3.827L256 180.935 195.031 33.744l-9.238 3.827 60.969 147.191-147.192-60.97-3.826 9.239L242.934 194l-147.19 60.969 3.826 9.239L256 199.412l156.43 64.796 3.826-9.239L269.066 194z"
    />
    <g fill="#80d6fb">
        <circle cx="321.588" cy="35.5" r="25.493" />
        <circle cx="414.5" cy="259.588" r="25.493" />
        <circle cx="414.5" cy="128.412" r="25.493" />
        <circle cx="97.5" cy="128.412" r="25.493" />
        <circle cx="190.412" cy="35.5" r="25.493" />
        <circle cx="97.5" cy="259.588" r="25.493" />
    </g>
    <circle cx="256" cy="192.812" r="40" fill="#6e83b7" />
    <path
        fill="#ffd3b3"
        d="M380.146 306.161c-11.427 0-20.69 9.263-20.69 20.69v-17.608c0-11.427-9.263-20.69-20.69-20.69-11.427 0-20.69 9.263-20.69 20.69v-14.22c0-11.427-9.263-20.69-20.69-20.69-11.427 0-20.69 9.263-20.69 20.69V222.69c0-11.427-9.263-20.69-20.69-20.69-11.427 0-20.69 9.263-20.69 20.69v139.213l-23.424-40.572c-6.052-10.483-19.456-14.074-29.939-8.022s-14.074 19.456-8.022 29.939l58.981 102.16C245.131 478.446 276.913 502 314.198 502c46.488 0 84.42-36.615 86.54-82.579h.098V326.85c0-11.426-9.263-20.689-20.69-20.689z"
    />
    <g fill="#fcb98b">
        <path
            d="m192.912 310.368 53.933 93.422 9.49-5.479-44.44-76.98c-4.055-7.023-11.419-10.956-18.983-10.963zM266.353 204.767v144.647h10.345V222.69c0-7.656-4.164-14.347-10.345-17.923zM307.732 277.1v72.313h10.345v-54.391c0-7.654-4.164-14.346-10.345-17.922zM349.111 291.32v58.093h10.345v-40.171c0-7.654-4.163-14.346-10.345-17.922zM390.491 308.927V456.45c6.601-12.226 10.345-26.218 10.345-41.088v-88.513c0-7.655-4.164-14.347-10.345-17.922z"
        />
    </g>
</svg>