.ui-flip-button{--elastic-ease-out:linear(0,.5737 7.6%,.8382 11.87%,.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,.9995 46.99%,.9872 51.63%,.9842 58.77%,1.0011 81.26%,1);--smooth-ease:cubic-bezier(.32,.72,0,1);--color-ease:cubic-bezier(.216,.62,.356,1);transition:transform .45s var(--elastic-ease-out);-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;display:inline-flex;font-family:Roboto Condensed;justify-content:center;padding:0;position:relative;text-align:center;text-transform:uppercase}.ui-flip-button:active{transform:scaleX(.955) scaleY(.954)}.ui-flip-button__inner{display:grid;height:44px;perspective:500px;transform-style:preserve-3d;width:100%}.ui-flip-button__inner-back,.ui-flip-button__inner-front{align-items:center;backface-visibility:hidden;border-radius:15px;display:inline-flex;font-size:17px;grid-area:1/1;height:100%;justify-content:center;left:-10px;margin:0 8px;padding:0 5px;position:relative;top:0;transform-style:preserve-3d;white-space:nowrap;width:100%}.ui-flip-button__inner-front{background-color:#fff;color:#000;transform:translateZ(0) rotateX(0);transition:transform .85s var(--elastic-ease-out),opacity .15s ease-out}.ui-flip-button__inner-back,.ui-flip-button__inner-front.white{background-color:#000;color:#fff}.ui-flip-button__inner-back{border-radius:8px;opacity:0;transform:translate3d(0,.5rem,-3.5rem) rotateX(0);transition:transform .85s var(--elastic-ease-out),opacity .15s ease-out}.ui-flip-button__inner-back.white{background-color:#fff;color:#000}.ui-flip-button__inner-back.border{border:1px solid #fff}@media(hover:hover)and (pointer:fine){.ui-flip-button:hover .ui-flip-button__inner-front{opacity:0;transform:translate3d(0,-2rem,-6rem) rotateX(85deg)}.ui-flip-button:hover .ui-flip-button__inner-back{opacity:1;transform:translateZ(0) rotateX(0)}}