.depth-button{cursor:pointer;color:#606060;text-shadow:0 1px #fff;background-image:linear-gradient(#fdfdfd 0%,#fff 20%,#d8d9db 100%);border:1px solid #8f9092;border-radius:30px;outline:none;justify-content:center;align-items:center;width:150px;height:50px;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.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}