Shadows & radius

Light content icon block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula viverra imperdiet.

/*Linear gradient 1*/
background: linear-gradient(180deg, #FBFBFB 0%, #F5F6FB 100%);

/*3D Elevator - Light*/
box-shadow: 3px 3px 3px 0px rgba(189, 197, 215, 1);
box-shadow: -3px -3px 3px 0px rgba(255, 255, 255, 1);

Dark content icon block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula viverra imperdiet.

/*3D elevator gradient - black*/
background: linear-gradient(135deg, #040824 3.94%, #040721 10.47%, #0E1234 54.58%, #0C1035 85.62%);

/*3D Elevation - black*/
box-shadow: -3px -3px 3px #050A31, 3px 3px 3px #030516;
border-radius: 10px;

Buttons

Primary button 
background: #2F54EB; 
border-radius: 10px;
Secondary button 
border: 1px solid #D7DAEF;
border-radius: 10px;
Text link button 
color: #2F54EB;