.button{-webkit-user-select:none;user-select:none;background:#ccc;border:2px outset #fff;outline:2px outset #222;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:1px 1px 5px #0003}.button.small{background:#ffffff1a;font-size:.7em;box-shadow:1px 1px 2px #0006}.button:hover{color:#000;cursor:pointer;background:#ddf;box-shadow:1px 2px 5px #00000080}.button:active,.button.active{color:#000;background:#aaa;border:2px inset #fff;box-shadow:inset 2px 2px 5px #00000080}.button.correct{color:#fff;background:#0a0;border:2px outset #0d0}.button.correct:active,.button.correct.active{background:#090;border:2px inset #0d0}.button.wrong{color:#fff;background:#d44848;border:2px outset #d44848}.button.wrong:active,.button.wrong.active{background:#862f2f;border:2px inset #d44848}.button.disabled{cursor:default;color:#888}.button.disabled:hover{background:#ccc}.button.disabled:active{border:2px outset #fff;outline:2px outset #222;box-shadow:1px 2px 5px #00000080}