.button{display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer;white-space:nowrap}button.default{color:#bdbdbd;font-weight:600}button.default:hover{color:#fff}button.default.active{color:#00f2fe}button.default:disabled{color:#727272;cursor:not-allowed}button.primary{position:relative;color:#fff;border-radius:100px;overflow:hidden;font-size:16px;font-weight:500}button.primary .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(90deg,#00f2fe,#8e2de2);opacity:.2;transition:all .3s}button.primary:hover>.background{opacity:1}button.primary:disabled{color:#727272;cursor:not-allowed}button.primary:disabled>.background{opacity:.2}button.secondary{color:#fff;border-radius:100px;background-color:#ffffff1a;border:solid 1px rgba(255,255,255,.1);font-size:16px;font-weight:500}button.secondary.mini{font-size:14px;padding-top:14px;padding-bottom:14px}button.secondary.change{border-radius:8px;padding:16px 8px}button.secondary:hover{background-color:#fff3}button.secondary.active,button.secondary:active{color:#00f2fe;border:solid 1px #00f2fe}button.secondary.square-4{border-radius:4px}button.secondary:disabled{border:solid 1px rgba(255,255,255,.1);color:#727272;cursor:not-allowed}button.third{color:#fff;border-radius:100px;border:solid 1px rgba(255,255,255,.1);font-size:16px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button.third.change{border-radius:8px;padding:16px 8px}button.third:hover{border:solid 1px rgba(255,255,255,1)}button.third:active{color:#00f2fe;border:solid 1px #00f2fe}button.third:disabled{border:solid 1px rgba(255,255,255,.1);color:#727272;cursor:not-allowed}button.option{width:32px;height:32px;border:solid 1px #bdbdbd;border-radius:4px}button.option:hover{border-color:#00f2fe}button.option:disabled{opacity:.5;border-color:#bdbdbd;cursor:not-allowed}button.line{color:#bdbdbd;font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:2px}button.line.large{font-size:14px}button.line:hover{color:#fff}button.line:disabled{color:#727272;cursor:not-allowed}button.line2{color:#fff;font-size:14px;font-weight:400;text-decoration:underline;text-underline-offset:2px}button.line2:disabled{color:#727272;cursor:not-allowed}button.modal{color:#060606;border-radius:100px;font-size:16px;font-weight:700;background:linear-gradient(90deg,#00f2fe,#00f2fe 60%,#8e2de2);background-size:200% 100%;background-position:left}button.modal:hover{color:#fff;background-position:right}button.modal:disabled{background:#bdbdbd;cursor:not-allowed;opacity:.2}button.modal.round2{border-radius:8px}button.modal2{color:#fff;border-radius:100px;background-color:#ffffff1a;border:solid 1px rgba(255,255,255,.1);font-size:16px;font-weight:700}button.modal2:hover{color:#00f2fe;border:solid 1px #00f2fe;background-position:right}button.modal2:disabled{color:#060606;border:solid 1px rgba(255,255,255,.1);cursor:not-allowed}button.login{color:#fff;border-radius:100px;background-color:#ffffff1a;font-weight:500;font-size:14px;padding:14px 8px;height:48px}button.login.mini{font-size:14px;padding:14px 8px}button.login.login{border-radius:8px;padding:16px 8px}button.login:hover{background-color:#fff3}button.login.active,button.login:active{color:#00f2fe;border:solid 1px #00f2fe}button.login:disabled{border:solid 1px rgba(255,255,255,.1);color:#fff6;cursor:not-allowed}button.controller{color:#fff;border-radius:8px;background-color:#ffffff1a;font-weight:400;font-size:14px;padding:14px 24px}button.controller.mini{font-size:14px;font-weight:semi-bold;padding:8px 10px}button.controller:hover{background-color:#fff3}button.controller.active,button.controller:active{color:#00f2fe;border:solid 1px #00f2fe;background-color:#00f2fe1a}button.controller.active:disabled{color:#00f2fe;border:solid 1px #00f2fe;background-color:#00f2fe1a;cursor:not-allowed}button.controller:disabled{color:#fff;border:none;background-color:#ffffff1a;cursor:not-allowed}button.controller2{border-radius:4px;color:#ffffff4d;background-color:#ffffff1a;font-weight:600;font-size:14px;padding:10px}button.controller2:hover{background-color:#fff3}button.controller2.active,button.controller2:active{color:#00f2fe;border:solid 1px #00f2fe;background-color:#00f2fe1a}button.controller2.active:disabled{color:#00f2fe;border:solid 1px #00f2fe;background-color:#00f2fe1a;cursor:not-allowed}button.controller2:disabled{color:#fff;border:none;background-color:#ffffff1a;cursor:not-allowed}.btn-ball{width:6px;height:6px;margin-right:4px;background-color:#fff3;border-radius:100%}.btn-ball.active{background-color:#00f2fe}