Почему 2 линейных градиента на 1 элементе div не применяются (CSS Tailwind) ⇐ CSS

[Anonymous]

Мне нужно разработать следующий div:

Код, который я написал для этого:

Код: Выделить всё

      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'
>

Это было вдохновлено комментарием exmaxx здесь: Как использовать утилиты градиента попутного ветра с несколькими градиентами?
Я следую тем же спецификациям, что и в Figma, но я не могу повторить тот же дизайн. Кто-нибудь может помочь?

Подробнее здесь: https://stackoverflow.com/questions/793 ... ilwind-css