Record Button

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#fedbb8" />
        <stop offset="1" stop-color="#0e9aae" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="32.002"
        x2="32.002"
        y1="64"
        y2="0"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="31.974"
        x2="31.974"
        y1="64"
        y2="0"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M22.358 51.8a21.765 21.765 0 0 0 9.495 2.15c7.741 0 14.99-4.031 18.917-10.521a22.02 22.02 0 0 0 3.203-11.398c0-10.556-7.82-19.873-18.19-21.67a21.366 21.366 0 0 0-3.638-.312c-9.449 0-18.094 6.156-21.023 14.97C7.686 35.362 12.621 47.126 22.358 51.8zm-7.44-25.519c2.393-7.202 9.478-12.232 17.228-12.232.991 0 1.985.085 2.955.253 8.34 1.445 14.874 9.233 14.874 17.729 0 3.265-.908 6.49-2.625 9.328-3.207 5.299-9.145 8.591-15.496 8.591-2.724 0-5.336-.591-7.764-1.756-7.957-3.819-11.986-13.445-9.172-21.913z"
    />
    <path
        fill="url(#c)"
        d="M31.974 42.031c5.42 0 10-4.579 10-10 0-5.42-4.58-10-10-10s-10 4.58-10 10c0 5.421 4.58 10 10 10zm0-16c3.196 0 6 2.804 6 6s-2.804 6-6 6-6-2.804-6-6 2.804-6 6-6z"
    />
</svg>