Pop Up

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="c"
        x1="74.981"
        x2="437.019"
        y1="74.981"
        y2="437.019"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e8f449" />
        <stop offset="1" stop-color="#a5b849" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#b6b8b5" />
        <stop offset="1" stop-color="#5c6f74" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="105"
        x2="407"
        y1="260.424"
        y2="260.424"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#ffa99b" />
        <stop offset="1" stop-color="#f85b3f" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="327.371"
        x2="407"
        y1="153.662"
        y2="153.662"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="f"
        x1="105"
        x2="345.066"
        y1="153.662"
        y2="153.662"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5c6f74" />
        <stop offset="1" stop-color="#203f49" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="264.848"
        x2="389.305"
        y1="242.434"
        y2="242.434"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a7dcfc" />
        <stop offset="1" stop-color="#4bb4f5" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="115.667"
        x2="379.67"
        y1="197.9"
        y2="197.9"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="264.848"
        x2="362.762"
        y1="197.9"
        y2="197.9"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7a888a" />
        <stop offset="1" stop-color="#5c6f74" />
    </linearGradient>
    <linearGradient
        id="j"
        x1="193.772"
        x2="318.228"
        y1="282.543"
        y2="282.543"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7acbfc" />
        <stop offset="1" stop-color="#4097ca" />
    </linearGradient>
    <linearGradient
        id="k"
        x1="115.667"
        x2="379.67"
        y1="238.01"
        y2="238.01"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="l"
        x1="193.772"
        x2="291.685"
        y1="238.01"
        y2="238.01"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="122.695"
        x2="247.152"
        y1="322.652"
        y2="322.652"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#a7dcfc" />
    </linearGradient>
    <linearGradient
        id="n"
        x1="115.667"
        x2="379.67"
        y1="278.119"
        y2="278.119"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="o"
        x1="122.695"
        x2="220.609"
        y1="278.119"
        y2="278.119"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#c)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <path
        fill="url(#d)"
        d="M256 148.145v-16.602l-27.988 9.84-40.719-9.84 5.887 22.086-88.18 31v204.676h302V184.629zm0 0"
    />
    <path fill="#fff" d="M256 166.934H122.695v204.675h266.61V166.934zm0 0" />
    <path
        fill="url(#e)"
        d="M407 184.629v-61.934h-61.934l-17.695 30.965 17.695 30.969zm0 0"
    />
    <path fill="url(#f)" d="M256 122.695H105v61.934h240.066v-61.934zm0 0" />
    <path
        fill="url(#g)"
        d="M389.305 211.172v80.219H264.848v-80.22l62.226-17.694zm0 0"
    />
    <path
        fill="url(#h)"
        d="M389.305 184.629v26.543h-26.543l-17.696-13.274 17.696-13.27zm0 0"
    />
    <path fill="url(#i)" d="M264.848 184.629h97.914v26.543h-97.914zm0 0" />
    <path
        fill="url(#j)"
        d="m256 233.586-62.23 17.695V331.5h124.46v-80.219zm0 0"
    />
    <path
        fill="url(#k)"
        d="M318.23 224.738v26.543h-26.542l-17.7-13.27 17.7-13.273zm0 0"
    />
    <path fill="url(#l)" d="M256 224.738h-62.23v26.543h97.917v-26.543zm0 0" />
    <path
        fill="url(#m)"
        d="M247.152 291.39v80.22H122.695v-80.22l62.23-17.695zm0 0"
    />
    <path
        fill="url(#n)"
        d="M247.152 264.848v26.543H220.61l-17.695-13.274 17.695-13.27zm0 0"
    />
    <path fill="url(#o)" d="M122.695 264.848h97.914v26.543h-97.914zm0 0" />
</svg>