.button{cursor:pointer;text-align:center;border:none;border-radius:3px;outline:none;justify-content:center;align-items:center;gap:16px;width:240px;padding:14px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex;position:relative}.button--size-40{padding:11px 16px;font-size:14px}.button:before{content:"";z-index:1;border:2px solid #0000;border-radius:4px;transition:all .2s;display:block;position:absolute;inset:0}.button:active:before{border-color:#000;inset:-4px}.button:disabled{cursor:default}.button:disabled:before{display:none}.button.primary{background:#0fea7c}.button.primary:hover{background:#09d870}.button.primary:active{background:#0fea7c}.button.primary:disabled{color:#fff;background:#b6bccc}.button.primary--dark{color:#fff;background:#1d1d2b}.button.primary--dark:hover{background:#363644}.button.primary--dark:active{background:#1d1d2b}.button.primary--dark:disabled{color:#fff;background:#b6bccc}.button.secondary{color:#009c4e;background:0 0;border:1px solid #009c4e}.button.secondary:hover{background:#0fea7c26}.button.secondary:active{background:0 0}.button.secondary:disabled{color:#676e74;box-shadow:none;background:0 0;border-color:#b6bccc}.button.secondary--light{color:#fff;background:0 0;border:1px solid #fff}.button.secondary--light:hover{background:#ffffff4d}.button.secondary--light:active{background:0 0}.button.secondary--light:disabled{color:#fff;opacity:.6;background:0 0;border-color:#fff}.button.secondary--dark{color:#423bff;background:0 0;border:1px solid #423bff}.button.secondary--dark:hover{background:#423bff4d}.button.secondary--dark:active{background:0 0}.button.secondary--dark:disabled{color:#423bff;opacity:.6;background:0 0;border-color:#423bff}.button.secondary--active{color:#423bff;background:#fff}