Cards

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="d"
        x1="74.98"
        x2="437.019"
        y1="437.019"
        y2="74.98"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff4747" />
        <stop offset="1" stop-color="#fff200" />
    </linearGradient>
    <radialGradient
        id="e"
        cx="256"
        cy="256"
        r="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff4747" stop-opacity=".8" />
        <stop offset="1" stop-color="#fffa78" stop-opacity="0" />
    </radialGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ffcb00" />
        <stop offset=".5" stop-color="#fff200" />
        <stop offset=".605" stop-color="#fff52f" />
        <stop offset=".879" stop-color="#fefca6" />
        <stop offset="1" stop-color="#feffd6" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="-15.103"
        x2="433.133"
        y1="578.382"
        y2="-61.765"
        gradientTransform="rotate(10.02 274.263 327.52)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#fffa78" />
        <stop offset="1" stop-color="#fff" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="115.786"
        x2="565.219"
        y1="437.814"
        y2="-204.042"
        gradientTransform="rotate(10.02 271.912 310.656)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="52.339"
        x2="425.525"
        y1="666.791"
        y2="133.827"
        gradientTransform="rotate(10.02 274.263 327.52)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="168.953"
        x2="570.131"
        y1="423.231"
        y2="-149.71"
        gradientTransform="rotate(10.02 274.263 327.52)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="11.77"
        x2="469.762"
        y1="282.129"
        y2="198.034"
        gradientTransform="rotate(10.02 274.263 327.52)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffcb00" stop-opacity=".8" />
        <stop offset=".384" stop-color="#ffe057" stop-opacity=".493" />
        <stop offset=".808" stop-color="#fef6b2" stop-opacity=".154" />
        <stop offset="1" stop-color="#feffd6" stop-opacity="0" />
    </linearGradient>
    <linearGradient id="c">
        <stop offset="0" stop-color="#ff3838" />
        <stop offset="1" stop-color="#fff200" />
    </linearGradient>
    <linearGradient
        id="k"
        x1="200.392"
        x2="727.186"
        y1="265.603"
        y2="-486.737"
        gradientTransform="rotate(10.02 271.912 310.656)"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="l"
        x1="169.805"
        x2="693.008"
        y1="412.445"
        y2="-334.766"
        gradientTransform="rotate(10.02 271.912 310.656)"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="m"
        x1="-590.245"
        x2="287.901"
        y1="1033.705"
        y2="155.559"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="n"
        x1="-260.98"
        x2="516.953"
        y1="785.633"
        y2="7.7"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="o"
        x1="-483.241"
        x2="299.499"
        y1="938.987"
        y2="156.247"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="p"
        x1="183.884"
        x2="389.649"
        y1="320.797"
        y2="115.032"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="q"
        x1="153.171"
        x2="400.863"
        y1="344.91"
        y2="97.218"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <circle cx="256" cy="256" r="256" fill="url(#d)" />
    <circle cx="256" cy="256" r="256" fill="url(#e)" />
    <path
        fill="url(#f)"
        d="M247.832 70.995c-16.277-2.826-31.968 8.647-35.107 25.363-15.027 80.75-30.042 161.208-43.21 240.93-2.719 16.487 8.639 32.541 25.208 35.795a4941.89 4941.89 0 0 0 59.946 11.318c17.312-100.861 35.963-201.993 52.368-302.532a3039.881 3039.881 0 0 0-59.205-10.874z"
    />
    <path
        fill="url(#g)"
        d="M272.207 106.542c-13.942 80.735-28.684 161.589-42.392 242.118-2.827 16.664 8.352 32.723 24.856 35.74 17.312-100.861 35.963-201.993 52.368-302.532-16.373-3.185-31.92 7.948-34.832 24.674z"
    />
    <path
        fill="url(#h)"
        d="M396.435 100.272a5003.24 5003.24 0 0 0-14.945-3.214c-14.774 98.943-33.381 199.283-52.238 300.156 4.958.796 9.913 1.578 14.865 2.348 16.386 2.542 32.335-9.05 35.612-25.624 15.719-80.118 30.438-159.53 42.324-237.796 2.452-16.175-9.121-32.259-25.618-35.87z"
    />
    <path
        fill="url(#i)"
        d="M364.801 371.684c15.475-80.315 30.155-160.028 42.204-238.697 2.484-16.259-9.037-32.378-25.515-35.929-24.893-5.313-49.714-10.401-74.451-15.189-16.373-3.186-31.92 7.947-34.832 24.673-13.942 80.735-28.684 161.589-42.392 242.118-2.827 16.664 8.352 32.723 24.856 35.74 24.928 4.539 49.792 8.835 74.582 12.813 16.406 2.631 32.321-8.911 35.548-25.529z"
    />
    <path
        fill="url(#j)"
        d="M396.435 100.272C346.591 89.474 297.03 79.51 247.832 70.995c-16.277-2.826-31.968 8.647-35.107 25.363-15.027 80.75-30.042 161.208-43.21 240.93-2.719 16.487 8.639 32.541 25.208 35.795 50.049 9.753 99.873 18.784 149.393 26.479 16.386 2.542 32.335-9.05 35.612-25.624 15.719-80.118 30.438-159.53 42.324-237.796 2.453-16.175-9.12-32.259-25.617-35.87z"
    />
    <path
        fill="url(#k)"
        d="M272.207 106.542c-7.453-1.344-14.9-2.664-22.34-3.956-4.108-.716-8.043 2.109-8.795 6.292-13.583 75.756-27.462 151.423-40.125 226.637-.699 4.153 2.113 8.156 6.274 8.939a7306.047 7306.047 0 0 0 22.593 4.207c26.926-36.562 54.39-73.57 81.659-110.283-13.107-43.871-26.362-87.883-39.266-131.836z"
    />
    <path
        fill="url(#l)"
        d="M390.816 137.278c.64-4.093-2.213-8.106-6.36-8.959-37.556-7.71-74.984-15.055-112.249-21.777-13.942 80.735-28.684 161.589-42.392 242.118 37.635 6.944 75.168 13.534 112.565 19.512 4.129.66 8.116-2.191 8.905-6.356 14.252-75.418 27.933-150.386 39.531-224.538z"
    />
    <path
        fill="url(#m)"
        d="M144.022 130.021c-16.769.558-30.789 14.547-31.169 31.082-1.765 80-1.226 160 1.62 240 .612 16.535 14.635 30.777 31.175 31.581 15 .704 30 1.279 45 1.724a8509.231 8509.231 0 0 1-1.028-305.567c-15.199.305-30.398.698-45.598 1.18z"
    />
    <path
        fill="url(#n)"
        d="M206.739 128.535c-5.706.089-11.413.191-17.119.306-16.769.354-30.669 14.352-30.941 31.105a6060.028 6060.028 0 0 0 1.141 243.021c.438 16.752 14.287 30.932 30.828 31.441 35 1.039 70 1.372 105 1.001 16.541-.182 30.198-14.225 30.445-31.133a11496.02 11496.02 0 0 0 .996-155.148c-40.366-40.232-80.915-81.02-120.35-120.593z"
    />
    <path
        fill="url(#o)"
        d="M296.016 128.156a3912.925 3912.925 0 0 0-89.276.379c-.876 66.449 53.455 120.506 120.349 120.592-.01-29.998-.138-59.995-.383-89.993-.154-16.909-13.921-30.85-30.69-30.978z"
    />
    <path
        fill="url(#p)"
        d="M196.445 260.294c-.002.004-9.073 11.326-13.453 16.251-2.562 2.882-2.545 7.197.036 10.104 10.128 11.403 21.203 25.923 30.245 39.612 3.048 4.614 9.767 4.668 12.766.091 4.667-7.124 15.302-21.55 15.305-21.553a18589.795 18589.795 0 0 0-44.899-44.505z"
    />
    <path
        fill="url(#q)"
        d="M255.977 276.713c-10.089-11.434-21.115-25.938-30.096-39.557-3.027-4.591-9.777-4.574-12.815.02-5.082 7.685-10.8 15.628-16.621 23.118.851 24.192 20.572 43.778 44.9 44.506 4.87-6.375 9.854-12.488 14.637-17.91a7.68 7.68 0 0 0-.005-10.177z"
    />
</svg>