@charset "UTF-8";.zp_flip_button{display:block;cursor:pointer}.zp_flip_button.center{margin:0 auto}.zp_flip_button.border-radius{border-radius:9px}.zp_flip_button.border-radius .inside{border-radius:6px}.zp_flip_button.border-radius .outside{border-radius:6px}.zp_flip_button.border-radius .shadow{border-radius:6px}.zp_flip_button .zp_button__inner{width:100%;position:relative;perspective:600px;text-align:center;font-size:20px;position:static}.zp_flip_button .zp_button__inner .inside{height:100%}.zp_flip_button .zp_button__inner .inside .title{opacity:0;transition:opacity .2s ease-out;padding:15px;display:block}.zp_flip_button .zp_button__inner .outside{position:absolute;transform-style:preserve-3d;top:0;right:0;bottom:0;left:0;transform:rotateX(0);width:100%;height:100%;transition:transform .6s;transition-timing-function:cubic-bezier(.2,.7,.1,1.1);-ms-transform-origin:center bottom;transform-origin:center bottom;z-index:1;-webkit-backface-visibility:visible;backface-visibility:visible;pointer-events:none}.zp_flip_button .zp_button__inner .outside__back,.zp_flip_button .zp_button__inner .outside__front{padding:15px}.zp_flip_button .zp_button__inner .outside__front{transform:translateZ(2px)}.zp_flip_button .zp_button__inner .shadow{position:absolute;width:100%;left:0;height:100%;-ms-transform-origin:center top;transform-origin:center top;transform:rotateX(90deg);opacity:0;z-index:0;background-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0,transparent 100%);border-radius:.4rem;transition-duration:.6s;transition-timing-function:cubic-bezier(.2,.7,.1,1.1)}.zp_flip_button:hover .zp_button__inner .inside .title{opacity:1;transition:opacity ease-out}.zp_flip_button:hover .zp_button__inner .outside{transform:rotateX(-120deg)}.zp_flip_button:hover .zp_button__inner .shadow{opacity:1;transform:rotateX(0) scale(.95,1.1)}