.button[data-v-6f223114]{position:relative;display:flex;gap:12px;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:6px 16px;cursor:pointer;border:none;border-radius:12px;transition:all .3s}.button .badge[data-v-6f223114]{position:absolute;top:0;right:0;min-width:15px;padding:2px;font-size:12px;font-weight:500;color:#4e4e4e;background:#ffdd03;border-radius:12px;transform:translate(40%,-40%)}.button .icon-wrapper[data-v-6f223114]{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;height:16px}.button .icon-wrapper[data-v-6f223114] svg{height:100%}.button.x-small[data-v-6f223114]{padding:4px 8px;font-size:10px}.button.small[data-v-6f223114]{gap:8px;padding:6px 12px;font-size:12px}.button.small .icon-wrapper[data-v-6f223114]{height:12px}.button.small .badge[data-v-6f223114]{min-width:13px;font-size:10px}.button.large[data-v-6f223114]{gap:16px;padding:12px 24px;font-size:20px}.button.large .icon-wrapper[data-v-6f223114]{height:20px}.button.large .badge[data-v-6f223114]{min-width:17px;padding:4px;font-size:14px}.button.primary[data-v-6f223114]{font-weight:600;color:#fafafa;background-color:#696969;box-shadow:0 0 10px #7f7f7f4d}.button.primary[data-v-6f223114]:not(:disabled):focus-visible,.button.primary[data-v-6f223114]:not(:disabled):hover{background-color:#4e4e4e}.button.secondary[data-v-6f223114]{font-weight:500;color:#696969;background-color:#fafafa;border:1px solid #696969;box-shadow:0 0 10px #7f7f7f4d}.button.secondary[data-v-6f223114]:not(:disabled):focus-visible,.button.secondary[data-v-6f223114]:not(:disabled):hover{color:#fafafa;background-color:#696969}.button.tertiary[data-v-6f223114]{font-weight:600;color:#696969;background-color:transparent}.button.tertiary[data-v-6f223114]:not(:disabled):focus-visible,.button.tertiary[data-v-6f223114]:not(:disabled):hover{background-color:#fafafa;box-shadow:0 0 10px #7f7f7f4d}.button[data-v-6f223114]:disabled{cursor:default;box-shadow:none;opacity:.5}