.depth-button{display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;width:150px;height:50px;background-image:linear-gradient(0deg,#D8D9DB 0,#fff 80%,#FDFDFD);border-radius:30px;border:1px solid #8f9092;transition:all .2s ease;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;color:#606060;text-shadow:0 1px #fff}.depth-button:hover{box-shadow:0 4px 3px 1px #FCFCFC,0 6px 8px #D6D7D9,0 -4px 4px #CECFD1,0 -6px 4px #FEFEFE,inset 0 0 3px 3px #CECFD1}.depth-button:active,.depth-button:focus{box-shadow:0 4px 3px 1px #FCFCFC,0 6px 8px #D6D7D9,0 -4px 4px #CECFD1,0 -6px 4px #FEFEFE,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.depth-button:disabled{cursor:not-allowed;opacity:.5}