.btn.btn-color-flip{padding:0;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);overflow:visible;perspective:37.5rem;--flip-ease: linear( 0, 0.5737 7.6%, 0.8382 11.87%, 0.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%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1 )}.btn.btn-color-flip:active{transform:scaleX(0.955) scaleY(0.954);transition:transform .45s var(--flip-ease)}.btn.btn-color-flip .btn-color-flip__inner{display:inline-grid;transform-style:preserve-3d}.btn.btn-color-flip .btn-color-flip__face{display:inline-flex;align-items:center;justify-content:center;grid-area:1/1;padding:.5rem 1.25rem;border-radius:100rem;transform-origin:center center;backface-visibility:hidden;gap:.375rem}.btn.btn-color-flip .btn-color-flip__face--front{background-color:var(--button-bg-primary-idle);color:var(--button-label-primary-idle);transition:translate .85s var(--flip-ease),rotate .75s var(--flip-ease),opacity .15s ease-out}.btn.btn-color-flip .btn-color-flip__face--front .text{transition:translate .75s var(--flip-ease)}.btn.btn-color-flip .btn-color-flip__face--back{background-color:var(--c-accent);color:#000;transition:translate .85s var(--flip-ease),rotate .75s var(--flip-ease),opacity .15s ease-out;opacity:0;translate:0 2rem -6rem;rotate:1 0 0 -90deg}.btn.btn-color-flip .btn-color-flip__face--back .text,.btn.btn-color-flip .btn-color-flip__face--back .btn-color-flip__arrow{transition:translate .75s var(--flip-ease);translate:0 .75rem 0}.btn.btn-color-flip:hover,.btn.btn-color-flip:focus,.btn.btn-color-flip:focus-visible{border-color:rgba(0,0,0,0);outline-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);box-shadow:none;color:inherit}.btn.btn-color-flip:hover .btn-color-flip__face--front,.btn.btn-color-flip:focus-visible .btn-color-flip__face--front{translate:0 -2rem -6rem;rotate:1 0 0 85deg;opacity:0}.btn.btn-color-flip:hover .btn-color-flip__face--front .text,.btn.btn-color-flip:focus-visible .btn-color-flip__face--front .text{translate:0 -0.75rem 0}.btn.btn-color-flip:hover .btn-color-flip__face--back,.btn.btn-color-flip:focus-visible .btn-color-flip__face--back{transition:translate .85s var(--flip-ease),rotate .75s var(--flip-ease),opacity .075s ease-in;rotate:1 0 0 0deg;translate:0 0 0;opacity:1}.btn.btn-color-flip:hover .btn-color-flip__face--back .text,.btn.btn-color-flip:hover .btn-color-flip__face--back .btn-color-flip__arrow,.btn.btn-color-flip:focus-visible .btn-color-flip__face--back .text,.btn.btn-color-flip:focus-visible .btn-color-flip__face--back .btn-color-flip__arrow{translate:0 0 0}.btn.btn-color-flip:hover .btn-color-flip__arrow,.btn.btn-color-flip:focus-visible .btn-color-flip__arrow{transition-delay:calc(var(--index)*.012s)}