Как я могу создать 3D-кнопку в React (TSX) с такими тенями, как этот пример? ⇐ CSS

[Anonymous]

I'm trying to create a button in my React project using TypeScript (TSX) that has a 3D look similar to the one in the attached image:


It appears to have a raised, layered effect with a shadow that дает это ощущение глубины. Передняя поверхность зеленая, с видимыми тени слева, внизу и справа, которые придают ему блочный, почти изометрический вид. Я особенно ищу руководство по: < /p>

• Как структурировать JSX для такой кнопки (например, слои div?) Держите его отзывчивым и чистым?

Подробнее здесь: https://stackoverflow.com/questions/795 ... this-examp