Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 496 496"
>
    <linearGradient
        id="a"
        x1="-48.478"
        x2="12.199"
        y1="566.031"
        y2="626.711"
        gradientTransform="matrix(8 0 0 -8 399 5013)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#aa6100" />
        <stop offset=".093" stop-color="#ac6400" />
        <stop offset=".165" stop-color="#b26e00" />
        <stop offset=".231" stop-color="#bb7e00" />
        <stop offset=".292" stop-color="#c99600" />
        <stop offset=".35" stop-color="#dbb400" />
        <stop offset=".405" stop-color="#f0d800" />
        <stop offset=".439" stop-color="#fff200" />
        <stop offset=".474" stop-color="#ffd705" />
        <stop offset=".519" stop-color="#ffbb0a" />
        <stop offset=".565" stop-color="#ffa80e" />
        <stop offset=".611" stop-color="#ff9c10" />
        <stop offset=".658" stop-color="#ff9811" />
        <stop offset=".732" stop-color="#ff9a12" />
        <stop offset=".758" stop-color="#ffa118" />
        <stop offset=".777" stop-color="#ffac21" />
        <stop offset=".793" stop-color="#ffbd2e" />
        <stop offset=".806" stop-color="#ffd33f" />
        <stop offset=".809" stop-color="#ffda44" />
        <stop offset=".879" stop-color="#dda928" />
        <stop offset=".96" stop-color="#b8750b" />
        <stop offset="1" stop-color="#aa6100" />
    </linearGradient>
    <path
        d="M248 496C111.033 496 0 384.967 0 248S111.033 0 248 0s248 111.033 248 248c-.154 136.903-111.097 247.846-248 248zm0-480C119.87 16 16 119.87 16 248s103.87 232 232 232 232-103.87 232-232c-.145-128.07-103.93-231.855-232-232z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-48.473"
        x2="12.204"
        y1="566.026"
        y2="626.706"
        gradientTransform="matrix(8 0 0 -8 399 5013)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#aa6100" />
        <stop offset=".093" stop-color="#ac6400" />
        <stop offset=".165" stop-color="#b26e00" />
        <stop offset=".231" stop-color="#bb7e00" />
        <stop offset=".292" stop-color="#c99600" />
        <stop offset=".35" stop-color="#dbb400" />
        <stop offset=".405" stop-color="#f0d800" />
        <stop offset=".439" stop-color="#fff200" />
        <stop offset=".474" stop-color="#ffd705" />
        <stop offset=".519" stop-color="#ffbb0a" />
        <stop offset=".565" stop-color="#ffa80e" />
        <stop offset=".611" stop-color="#ff9c10" />
        <stop offset=".658" stop-color="#ff9811" />
        <stop offset=".732" stop-color="#ff9a12" />
        <stop offset=".758" stop-color="#ffa118" />
        <stop offset=".777" stop-color="#ffac21" />
        <stop offset=".793" stop-color="#ffbd2e" />
        <stop offset=".806" stop-color="#ffd33f" />
        <stop offset=".809" stop-color="#ffda44" />
        <stop offset=".879" stop-color="#dda928" />
        <stop offset=".96" stop-color="#b8750b" />
        <stop offset="1" stop-color="#aa6100" />
    </linearGradient>
    <path
        d="M248 56C141.961 56 56 141.961 56 248s85.961 192 192 192 192-85.961 192-192c-.026-106.028-85.972-191.973-192-192zm-24 279.76L88.24 248 224 160.24v175.52zM248.24 248 384 160.24v175.52L248.24 248z"
        fill="url(#b)"
    />
</svg>