.page{flex-wrap:wrap;place-content:center;width:100%;height:100vh;padding:2vmax;display:flex}.button-c{color:#fff;cursor:pointer;will-change:transform;-webkit-user-select:none;user-select:none;background-color:#000;background-image:linear-gradient(90deg,#000c,#0000),linear-gradient(#000c,#0000);background-position:100% 100%,100% 100%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;border:.5px solid #0000001a;border-radius:15px 15px 12px 12px;flex-direction:column;justify-content:space-between;align-items:flex-end;height:65px;padding:12px;font-size:13px;transition:all .1s ease-in-out;display:flex;position:relative;transform:perspective(70px)rotateX(5deg)rotateY(0);box-shadow:inset -4px -10px #fff6,inset -4px -8px #0000004d,0 2px 1px #0000004d,0 2px 1px #ffffff1a}.button-c:after{content:"";z-index:-1;background-image:linear-gradient(#fff3,#00000080);border-radius:15px;transition:all .1s ease-in-out;position:absolute;inset:0;box-shadow:inset 4px 0 #ffffff1a,inset 4px -8px #0000004d}.button-c:before{content:"";z-index:-1;background-image:linear-gradient(90deg,#000c,#0000),linear-gradient(#000c,#0000);background-position:100% 100%,100% 100%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;border-radius:15px;transition:all .1s ease-in-out;position:absolute;inset:0}.button-c:active{will-change:transform;border:.25px solid #0003;height:64px;transition:all .1s ease-in-out;transform:perspective(80px)rotateX(5deg)rotateY(1deg)translateY(3px)scale(.96);box-shadow:inset -4px -8px #fff3,inset -4px -6px #000c,0 1px #000000e6,0 1px #fff3}.button-c:after:active{background-image:linear-gradient(#00000080,#fff3)}.button-c:active:before{content:"";pointer-events:none;background-color:#ffffff1a;width:50%;height:80%;animation:.1s ease-in-out overlay;display:block;position:absolute;top:5%;left:20%}.button-c svg{width:15px;height:15px}@keyframes overlay{0%{opacity:0}to{opacity:1}}.button-c:focus{outline:none}
::view-transition-group(root){animation-duration:.7s;animation-timing-function:var(--expo-out)}::view-transition-new(root){animation-name:reveal-light;animation-fill-mode:both}::view-transition-old(root){z-index:-1;animation:none}.dark::view-transition-old(root){z-index:-1;animation:none}.dark::view-transition-new(root){animation-name:reveal-dark;animation-fill-mode:both}@keyframes reveal-dark{0%{clip-path:polygon(50% -71%,-50% 71%,-50% 71%,50% -71%)}to{clip-path:polygon(50% -71%,-50% 71%,50% 171%,171% 50%)}}@keyframes reveal-light{0%{clip-path:polygon(171% 50%,50% 171%,50% 171%,171% 50%)}to{clip-path:polygon(171% 50%,50% 171%,-50% 71%,50% -71%)}}:root{background:#fff}.dark{background:#000}