Memory Game

<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"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a93aff" />
        <stop offset="1" stop-color="#ff81ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="452"
        y2="60"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffbef9" />
        <stop offset="1" stop-color="#fff1ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M195 272H45c-24.814 0-45 20.186-45 45v150c0 24.814 20.186 45 45 45h150c24.814 0 45-20.186 45-45V317c0-24.814-20.186-45-45-45zm272 0H317c-24.814 0-45 20.186-45 45v150c0 24.814 20.186 45 45 45h150c24.814 0 45-20.186 45-45V317c0-24.814-20.186-45-45-45zM195 0H45C20.186 0 0 20.186 0 45v150c0 24.814 20.186 45 45 45h150c24.814 0 45-20.186 45-45V45c0-24.814-20.186-45-45-45zm272 0H317c-24.814 0-45 20.186-45 45v150c0 24.814 20.186 45 45 45h150c24.814 0 45-20.186 45-45V45c0-24.814-20.186-45-45-45z"
    />
    <path
        fill="url(#b)"
        d="M120 332c-33.076 0-60 26.909-60 60s26.924 60 60 60 60-26.909 60-60-26.924-60-60-60zM75 180h90c5.186 0 10.02-2.695 12.773-7.119a15.041 15.041 0 0 0 .645-14.59l-45-90c-5.098-10.166-21.738-10.166-26.836 0l-45 90a15.041 15.041 0 0 0 .645 14.59C64.98 177.305 69.814 180 75 180zm362 152h-90c-8.291 0-15 6.709-15 15v90c0 8.291 6.709 15 15 15h90c8.291 0 15-6.709 15-15v-90c0-8.291-6.709-15-15-15zm-52.646-154.095c2.373 1.392 5.01 2.095 7.646 2.095s5.273-.703 7.646-2.095C445.203 150.967 452 120.659 452 105c0-25.239-16.465-45-37.5-45-9.023 0-16.582 3.091-22.5 7.163C386.082 63.091 378.523 60 369.5 60c-21.035 0-37.5 19.761-37.5 45 0 15.659 6.797 45.967 52.354 72.905z"
    />
</svg>