Interaction

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#90d8f9"
        d="M407.64 166a90.36 90.36 0 1 1-90.37 90.36A90.36 90.36 0 0 1 407.64 166z"
    />
    <path
        fill="#e49542"
        d="M407.64 203A26.67 26.67 0 1 1 381 229.67 26.67 26.67 0 0 1 407.64 203zM369.36 283.65A80.83 80.83 0 0 0 338 313.88a90.36 90.36 0 0 0 139.33 0 80.81 80.81 0 0 0-31.38-30.23 13.63 13.63 0 0 0-12.09-.34 63.83 63.83 0 0 1-52.38 0 13.63 13.63 0 0 0-12.12.34z"
    />
    <path
        fill="#90d8f9"
        d="M14 344.86V167.14a21.24 21.24 0 0 1 21.29-21.29h92.54c11.79.53 21.29 9.49 21.29 21.29v177.72a21.24 21.24 0 0 1-21.29 21.29H35.29A21.25 21.25 0 0 1 14 344.86z"
    />
    <path
        fill="#f6f6f6"
        d="M58.7 252.12h40.52a18.46 18.46 0 0 1 0 36.92H58.7a18.46 18.46 0 1 1 0-36.92z"
    />
    <circle cx="99.22" cy="270.58" r="18.46" fill="#544f57" />
    <g fill="#61a2f9">
        <circle
            cx="78.79"
            cy="195.66"
            r="22.64"
            transform="rotate(-89.4 78.812 195.654)"
        />
        <path
            d="M14 321.09v23.77a21.24 21.24 0 0 0 21.29 21.29h92.54a21.24 21.24 0 0 0 21.29-21.29v-23.77z"
        />
        <path
            fill-rule="evenodd"
            d="m209.9 310.2 3.87 3.86a7.5 7.5 0 1 1-10.61 10.6L186.49 308a7.52 7.52 0 0 1 0-10.61l16.67-16.66a7.5 7.5 0 0 1 10.61 10.6l-3.87 3.87h70.72a7.5 7.5 0 0 1 0 15z"
        />
    </g>
    <path
        fill="#dd636e"
        fill-rule="evenodd"
        d="m268 210.74-3.86-3.87a7.5 7.5 0 0 1 10.61-10.6l16.66 16.66a7.5 7.5 0 0 1 0 10.61l-16.64 16.66a7.5 7.5 0 0 1-10.61-10.6l3.86-3.86H197.3a7.5 7.5 0 0 1 0-15z"
    />
</svg>