.n-button{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-variant-numeric:lining-nums;font-weight:700;height:36px;justify-content:center;letter-spacing:.2px;min-width:64px;padding:0 16px;position:relative;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.n-button:before{background-color:currentColor;border-radius:inherit;bottom:0;color:inherit;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.4,0,.6,1)}.n-button:hover:before{opacity:.2}.n-button:active{transform:translateY(2px)}.n-button--x-small{font-size:.625rem;height:20px;min-width:36px;padding:0 10px}.n-button--small{font-size:.75rem;height:28px;min-width:50px;padding:0 12px}.n-button--large{height:44px;min-width:78px;padding:0 20px}.n-button--x-large{font-size:1rem;height:52px;min-width:92px;padding:0 23px}.n-button--text{background-color:transparent;color:currentColor}.n-button--outlined{background-color:transparent;border-color:currentColor}.n-button--outlined-light{background-color:transparent;border:1px solid #e6e6e6}.n-button--block{flex:1 0 auto;min-width:100%}.n-button--disabled{opacity:.5}.n-button--disabled,.n-button--loading{pointer-events:none;transition:none}.n-button--loading .n-button__content{opacity:0}.n-button--loading .n-button__loader{opacity:1}.n-button--icon{aspect-ratio:1;min-width:auto;padding:6px}.n-button__content{align-items:center;display:flex;justify-content:center;transition:opacity .3s ease-in-out}.n-button__icon{pointer-events:none}.n-button__icon--prepend{margin-right:.5rem}.n-button__icon--append{margin-left:.5rem}.n-button__main{white-space:nowrap}.n-button__loader,.n-button__main{align-items:center;display:flex;justify-content:center}.n-button__loader{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.n-button__loader:before{content:"";height:17px;position:absolute;width:17px}@keyframes btnload{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.n-button__loader:before{animation:btnload .6s ease infinite;border:2px solid;border-left:2px solid transparent;border-radius:50%}