Interaction

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#ffbe40"
        d="M376 240a14.948 14.948 0 0 1-10.605-4.395l-60-60c-4.277-4.292-5.566-10.737-3.252-16.348S309.936 150 316 150h15v-15c0-24.814-20.186-45-45-45-8.291 0-15-6.709-15-15s6.709-15 15-15h60c41.367 0 75 33.647 75 75v15h15c6.064 0 11.543 3.647 13.857 9.258s1.025 12.056-3.252 16.348l-60 60A14.951 14.951 0 0 1 376 240z"
    />
    <path
        fill="#ffdf40"
        d="M226 452h-60c-41.367 0-75-33.647-75-75v-15H76c-6.064 0-11.543-3.647-13.857-9.258s-1.025-12.056 3.252-16.348l60-60c5.859-5.859 15.352-5.859 21.211 0l60 60c4.277 4.292 5.566 10.737 3.252 16.348S202.064 362 196 362h-15v15c0 24.814 20.186 45 45 45 8.291 0 15 6.709 15 15s-6.709 15-15 15z"
    />
    <path
        fill="#59c8ff"
        d="M376 392c-33.076 0-60-26.909-60-60s26.924-60 60-60 60 26.909 60 60-26.924 60-60 60zM466 512H286c-8.291 0-15-6.709-15-15 0-57.891 47.109-105 105-105s105 47.109 105 105c0 8.291-6.709 15-15 15z"
    />
    <path
        fill="#4da6ff"
        d="M436 332c0-33.091-26.924-60-60-60v120c33.076 0 60-26.909 60-60zM466 512c8.291 0 15-6.709 15-15 0-57.891-47.109-105-105-105v120z"
    />
    <path
        fill="#59c8ff"
        d="M136 120c-33.076 0-60-26.909-60-60s26.924-60 60-60 60 26.909 60 60-26.924 60-60 60zM226 240H46c-8.291 0-15-6.709-15-15 0-57.891 47.109-105 105-105s105 47.109 105 105c0 8.291-6.709 15-15 15z"
    />
    <g fill="#4da6ff">
        <path
            d="M196 60c0-33.091-26.924-60-60-60v120c33.076 0 60-26.909 60-60zM226 240c8.291 0 15-6.709 15-15 0-57.891-47.109-105-105-105v120z"
        />
    </g>
</svg>