html,body{height:100%;width:100%}body{background-color:#eee;position:relative;margin:0}.button{box-shadow:0 15px 0 20px #352d2d,0 40px 0 30px #000;cursor:pointer;background-color:#c0392b;position:absolute;border-radius:50%;top:40%;left:12%;width:200px;height:50px;transform:translate(-50%)}.button:before{content:"";z-index:1;border-radius:50%;background-color:#e74c3c;position:absolute;bottom:100%;left:0%;transition:bottom .4s;width:200px;height:50px}.button:after{content:"";background-color:#c0392b;position:absolute;bottom:50%;left:0%;width:200px;height:50px;transition:height .4s}.button:active:before{bottom:10%}.button:active:after{height:10%}.low-stock{font-weight:900;color:#e74c3c}