.pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.pushable:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.shadow{background:rgba(0,0,0,.25);will-change:transform;transform:translate(.4em,.4em);transition:transform .6s cubic-bezier(.3,.7,.4,1);box-shadow:0 0 .2em 0 #737373}.edge,.shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.7em}.edge{background:#c0b8a8}.front{display:flex;position:relative;padding:1em;border-radius:.5em;font-size:1.25rem;color:#7e776c;background:#f0003c;will-change:transform;transform:translate(-.15em,-.15em);transition:transform .6s cubic-bezier(.3,.7,.4,1);width:calc(65dvh / 6);height:calc(65dvh / 7);justify-content:center;align-items:center;box-shadow:inset -.1em -.1em 0 rgba(0,0,0,.44),.1em .1em .1em 0 rgba(0,0,0,.41),inset .1em .1em 0 hsla(0,0%,100%,.6);background:-webkit-linear-gradient(top,#d8d0c0,#fff9ec 80%,#f0e8d8)}.pushable:active .front{transform:translate(-2px,-2px);transition:transform 34ms;transform:scale(.95)}.pushable:active .shadow{transform:translate(1px,1px);transition:transform 34ms;transform:scale(.95)}.pushable:focus:not(:focus-visible){outline:none}