.rotating-button{position:relative;text-transform:uppercase;text-decoration:none;color:var(--color-base-400, currentColor);display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;background:none;border:0;padding:0;font:inherit}.rotating-button-label{position:relative;display:inline-block;width:max-content;transform:translateY(.1rem);font-weight:900;-webkit-font-smoothing:antialiased;letter-spacing:-.025rem}.rotating-button-label:after{content:"";position:absolute;width:100%;height:.1rem;bottom:-.35rem;left:0;background:currentColor;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;will-change:transform}.rotating-button:hover .rotating-button-label:after{transform:scaleX(1);transform-origin:bottom left}.rotating-button-icon{display:flex;justify-content:center;align-items:center;transition:transform .6s ease-out;transform-style:preserve-3d;perspective:1000px;will-change:transform}.rotating-button-icon-inner{display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;background-color:var(--rotating-button-bg, currentColor);color:var(--rotating-button-fg, #fff);border-radius:10rem}.rotating-button:hover .rotating-button-icon{animation:rotatingButtonFlipTwice .8s ease-out forwards}.rotating-button:not(:hover) .rotating-button-icon{animation:rotatingButtonFlipBack .8s ease-out forwards}@keyframes rotatingButtonFlipTwice{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}@keyframes rotatingButtonFlipBack{0%{transform:rotateY(720deg)}to{transform:rotateY(0)}}.rotating-button--light{--rotating-button-bg: #fff;--rotating-button-fg: #111;color:#fff}.rotating-button--dark{--rotating-button-bg: #111;--rotating-button-fg: #fff;color:#111}@media(max-width:1000px){.rotating-button-label:after{display:none}.rotating-button:hover .rotating-button-icon,.rotating-button:not(:hover) .rotating-button-icon{animation:none}}