.button{text-transform:uppercase;border:1px solid var(--ui-border);z-index:1;background:0 0;border-radius:4rem;align-items:center;gap:1rem;padding:1rem 2.25rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.button:before{content:"";background:var(--ui-text-primary);transform-origin:bottom;z-index:-1;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleY(0)}.button:hover:before{transform-origin:top;transform:scaleY(1)}.button .button-label{color:var(--ui-text-primary);letter-spacing:.05rem;font-family:Geist Mono;font-size:.9rem;font-weight:500;line-height:1;transition:color .4s;display:block;position:relative}.button:hover .button-label{color:var(--ui-bg)}.button .button-icon{justify-content:center;align-items:center;display:flex;overflow:hidden}.button .button-icon-inner{background-color:var(--ui-text-primary);width:2rem;height:2rem;color:var(--ui-bg);border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.button:hover .button-icon-inner{background-color:var(--ui-bg);color:var(--ui-text-primary);transform:rotate(-45deg)}.button--light{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);box-shadow:0 4px 20px var(--glass-shadow)}.button--light .button-label{color:var(--ui-text-primary)}.button--light .button-icon-inner{background-color:var(--ui-text-primary);color:var(--ui-bg)}.button--light:before{background:var(--ui-text-primary)}.button--light:hover{border-color:var(--ui-text-secondary);box-shadow:0 8px 28px var(--glass-shadow)}.button--light:hover .button-label{color:var(--ui-bg)}.button--light:hover .button-icon-inner{background-color:var(--ui-bg);color:var(--ui-text-primary);transform:rotate(-45deg)}.button--glass{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:saturate(200%)blur(24px);box-shadow:0 8px 32px var(--glass-shadow);transition:all .45s cubic-bezier(.16,1,.3,1)}.button--glass .button-label{color:var(--ui-text-primary)}.button--glass .button-icon-inner{background-color:var(--ui-text-primary);color:var(--ui-bg)}.button--glass:before{background:var(--ui-text-primary)}.button--glass:hover{border-color:var(--ui-text-secondary);box-shadow:0 12px 40px var(--glass-shadow)}.button--glass:hover .button-label{color:var(--ui-bg)}.button--glass:hover .button-icon-inner{background-color:var(--ui-bg);color:var(--ui-text-primary);transform:rotate(-45deg)}@media (max-width:1000px){.button{padding:.8rem 1.5rem}}.button .line{will-change:transform;margin-bottom:-.2em;padding-bottom:.2em;position:relative;transform:translateY(100%)}