neumorphism

border-radius: 50px;
background: #ffffff;
box-shadow: inset 5px 5px 10px #b5b5b5, 
            inset -5px -5px 10px #ffffff;

border-radius: 50px;
background: #ffffff;
box-shadow: inset 20px 20px 60px #d9d9d9,
            inset -20px -20px 60px #ffffff;

border-radius: 50px;
background: #0582c0;
box-shadow:  20px 20px 60px #046fa3,
             -20px -20px 60px #0696dd;

border-radius: 30px;
background: linear-gradient(145deg, #020f1c, #020d17);
box-shadow:  5px 5px 10px #01060a,
             -5px -5px 10px #03162a;

border-radius: 50%;
background: #bd5151;
box-shadow: inset 15px 15px 31px #a14545,
            inset -15px -15px 31px #d95d5d;

border-radius: 50px;
background: #535ef3;
box-shadow:  21px 21px 42px #4750cf, 
             -21px -21px 42px #5f6cff;