.dim-btn-pushable{position:relative;background:transparent;padding:0;border:none;cursor:pointer;transition:filter .25s;-webkit-tap-highlight-color:rgba(0,0,0,0)}.dim-btn-shadow{background:hsl(240,1%,33%);filter:blur(2px);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.dim-btn-edge,.dim-btn-shadow{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:8px}.dim-btn-front{position:relative;font-weight:600;text-transform:uppercase;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1);height:100%;display:flex;justify-content:center;align-items:center}.dim-btn-md .dim-btn-front{border-radius:8px;padding:16px 32px;font-size:1rem}.dim-btn-sp .dim-btn-front{border-radius:8px;padding:10px 32px;font-size:1.2rem}.dim-btn-sm .dim-btn-front{border-radius:6px;padding:10px 20px;font-size:.9rem}.dim-btn-pushable:hover{filter:brightness(110%)}.dim-btn-pushable:hover .dim-btn-front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.dim-btn-pushable:active .dim-btn-front{transform:translateY(-2px);transition:transform 34ms}.dim-btn-pushable:hover .dim-btn-shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.dim-btn-pushable:active .dim-btn-shadow{transform:translateY(1px);transition:transform 34ms}.dim-btn-pushable:focus:not(:focus-visible){outline:none}