.btn{height:40px;padding:0 25px;border-radius:20px;background-color:var(--grey);color:#fff;font-weight:400;transition:background-color .3s,border-color .3s}.btn[disabled]{pointer-events:none;opacity:.5}.btn.icon{width:40px;padding:0}.btn.s{height:24px;padding:0 15px;font-size:12px}.btn.s.icon{width:24px;padding:0}.btn.m{height:32px;padding:0 20px;font-size:13px}.btn.m.icon{width:32px;padding:0}.btn.l{height:48px;padding:0 17px;border-radius:24px}.btn.l.icon{width:48px;padding:0}.btn:hover,.btn:focus{background-color:var(--grey-h);transition:background-color .1s}.btn.red{background-color:var(--red)}.btn.red:hover,.btn.red:focus{background-color:var(--red-h)}.btn.green{background-color:var(--green)}.btn.green:hover,.btn.green:focus{background-color:var(--green-h)}.btn.primary{background-color:var(--primary)}.btn.primary:hover,.btn.primary:focus{background-color:var(--primary-h)}.btn.grad{background:radial-gradient(circle at center,var(--secondary) 10%,var(--primary) 90%);background-size:150%;background-position:50%;transition:background-size .3s}.btn.grad:hover,.btn.grad:focus{background-size:100%;transition:background-size .2s}.btn.blank{background-color:transparent;color:inherit;transition:background-color .1s}.btn.blank:hover,.btn.blank:focus{background-color:var(--grey02)}.btn.outline{background-color:transparent;color:inherit;border:solid 2px var(--grey03);transition:border-color .1s,background-color .1s}.btn.outline:hover,.btn.outline:focus{background-color:var(--grey01);border-color:var(--grey05)}.btn.outline.active{background-color:var(--primary);color:var(--txt-d)}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:before,.btn.loading:after{content:"";position:absolute;top:50%;left:50%}.btn.loading:before{width:40px;height:8px;margin:-3px 0 0 -15px;border-radius:4px;background-color:var(--bg)}.btn.loading:after{width:20px;height:6px;margin:-2px 0 0 -14px;border-radius:3px;background-color:var(--secondary);animation:loading .5s ease-in-out infinite alternate}.dark .btn.loading:before{background-color:var(--bg-d)}@keyframes loading{0%{transform:translateZ(0)}to{transform:translate3d(18px,0,0)}}