*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.fancy{background-color:transparent;border:1px solid #fff;border-radius:0;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;float:right;font-weight:700;letter-spacing:.05em;margin:0;outline:none;overflow:visible;padding:1.25em 2em;position:relative;text-align:center;text-decoration:none;text-transform:none;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;font-size:13px}.fancy:before{content:" ";width:1.5625rem;height:1px;background:#fff;top:50%;left:1.5em;position:absolute;transform:translateY(-50%);transform-origin:center;transition:background .3s linear,width .3s linear}.fancy .text{font-size:1.125em;line-height:1.33333em;padding-left:2em;display:block;text-align:left;transition:all .3s ease-in-out;text-transform:uppercase;text-decoration:none;color:#fff;font-size:clamp(12px,2vw,18px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.fancy .top-key{height:2px;width:1.5625rem;top:-2px;left:.625rem;position:absolute;background:#212121;transition:width .5s ease-out,left .3s ease-out}.fancy .bottom-key-1{height:2px;width:1.5625rem;right:1.875rem;bottom:-2px;position:absolute;background:#212121;transition:width .5s ease-out,right .3s ease-out}.fancy .bottom-key-2{height:2px;width:.625rem;right:.625rem;bottom:-2px;position:absolute;background:#212121;transition:width .5s ease-out,right .3s ease-out}.fancy:hover{color:#fff;background:#fff}.fancy:hover:before{width:.9375rem;background:#000}.fancy:hover .text{color:#000;padding-left:1.5em}.fancy:hover .top-key{left:-2px;width:0px}.fancy:hover .bottom-key-1,.fancy:hover .bottom-key-2{right:0;width:0}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite;font-size:clamp(12px,2vw,18px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}