.ui-button{gap:0 8rem;padding:2rem;transition:color .2s,background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-button,.ui-button__content{align-items:center;display:flex}.ui-button__append,.ui-button__prepend{align-items:center;display:flex;justify-content:center}.ui-button.--variant-glass,.ui-button.--variant-primary,.ui-button.--variant-secondary{border-radius:12rem;gap:0 12rem;justify-content:center;min-height:44rem;padding:8rem 12rem}.ui-button.--variant-secondary{background:var(--theme-btn-secondary-bg)}.ui-button.--variant-secondary:hover{background:var(--theme-btn-secondary-hover)}.ui-button.--variant-primary{background:var(--theme-btn-primary-bg)}.ui-button.--variant-primary:hover{background:var(--theme-btn-primary-hover)}.ui-button.--variant-glass{background:var(--theme-btn-glass-bg);box-shadow:inset 0 0 0 1rem var(--theme-btn-glass-edge),inset 0 2rem 1rem -1rem var(--theme-btn-glass-sheen),inset 0 -3rem 3rem -2rem var(--theme-btn-glass-shade),0 2rem 8rem var(--theme-btn-glass-lift);transition:background .2s,box-shadow .2s,transform .2s}.ui-button.--variant-glass:hover{background:var(--theme-btn-glass-bg-hover);box-shadow:inset 0 0 0 1rem var(--theme-btn-glass-edge-hover),inset 0 2rem 1rem -1rem var(--theme-btn-glass-sheen),inset 0 -3rem 3rem -2rem var(--theme-btn-glass-shade),0 4rem 14rem var(--theme-btn-glass-lift)}.ui-button.--variant-glass:active{box-shadow:inset 0 0 0 1rem var(--theme-btn-glass-edge),inset 0 3rem 4rem -1rem var(--theme-btn-glass-shade),0 1rem 3rem var(--theme-btn-glass-lift);transform:translateY(1rem)}.ui-button.--variant-nav{border-radius:8rem;gap:0 12rem;padding:8rem 12rem}.ui-button.--variant-nav .ui-button__content{padding:2rem 0}.ui-button.--variant-nav .ui-button__append{margin-left:auto}.ui-button.--variant-nav:hover{background:var(--theme-loading-bg)}
