Warum 2 lineare Farbverläufe auf 1 Div nicht angewendet werden (Tailwind CSS) ⇐ CSS

[Guest]

Das Div, das ich entwickeln muss, ist dieses:

Der Code, den ich dafür geschrieben habe, ist:

Code: Select all

      className='[background-image:linear-gradient(to_bottom,#212639_100%,#062142_25%),linear-gradient(to_bottom,#ffffff_24%,#ffffff_0%)]
flex justify-center items-center rounded-[16px] max-w-16 max-h-16 min-w-16 min-h-16 bg-gray-700 shadow-card-a'
>

Dies wurde durch den Kommentar von exmaxx hier inspiriert: Wie verwende ich Rückenwind-Gradienten-Dienstprogramme mit mehreren Gradienten?
Ich befolge genau die gleichen Spezifikationen wie in Figma, aber ich kann das gleiche Design nicht reproduzieren. Kann mir bitte jemand helfen?