Extracting CSS Vars

test-component.jsx

const TestComponent = () => {
    return ( 
        <div
            style={{
                outline: '8px solid rgba(255,255,255,0.15)',
                border: '1.5px solid rgba(255,255,255,0.2)',
                boxShadow: '0 10px 10px 10px rgba(0,0,0,0.233), -40px 50px 50px 0 rgba(0,0,0,0.34)',
                transform: 'rotateX(10deg) rotateY(-23deg) rotateZ(5deg)'
            }}>
        </div>
     );
}

export default TestComponent;