.button-frame.svelte-bbuvlo{position:relative;display:flex;box-sizing:border-box;width:100%;padding:0;border:1px solid rgba(177,202,223,.05);overflow:hidden;isolation:isolate;transition:padding .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.button-frame.size-lg.svelte-bbuvlo{height:69px;border-radius:16px}.button-frame.size-md.svelte-bbuvlo{height:58px;border-radius:16px}.button-frame.size-sm.svelte-bbuvlo{height:48px;border-radius:12px}.button.svelte-bbuvlo{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 16px;border:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer;overflow:hidden;font:inherit;color:inherit;transition:background .25s cubic-bezier(.4,0,.2,1),border-radius .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.button-frame.size-lg.svelte-bbuvlo .button:where(.svelte-bbuvlo),.button-frame.size-md.svelte-bbuvlo .button:where(.svelte-bbuvlo){border-radius:16px}.button-frame.size-sm.svelte-bbuvlo .button:where(.svelte-bbuvlo){border-radius:12px}.button.blue.svelte-bbuvlo{background:linear-gradient(180deg,#3d55f4,#283dce)}.button.yellow.svelte-bbuvlo{background:linear-gradient(180deg,#e8c75c,#e7c146)}.button.green.svelte-bbuvlo{background:linear-gradient(180deg,#3ec156,#2c8f3e)}.button.neutral.svelte-bbuvlo{background:linear-gradient(180deg,#32546f,#254259)}.button-frame.svelte-bbuvlo:not(.is-disabled):hover{padding:4px}.button-frame.blue.svelte-bbuvlo:not(.is-disabled):hover{border-color:#283dce}.button-frame.yellow.svelte-bbuvlo:not(.is-disabled):hover{border-color:#e8c75c}.button-frame.green.svelte-bbuvlo:not(.is-disabled):hover{border-color:#3fb950}.button-frame.neutral.svelte-bbuvlo:not(.is-disabled):hover{border-color:#b1cadf33}.button-frame.size-lg.svelte-bbuvlo:not(.is-disabled):hover .button:where(.svelte-bbuvlo),.button-frame.size-md.svelte-bbuvlo:not(.is-disabled):hover .button:where(.svelte-bbuvlo){border-radius:12px}.button-frame.size-sm.svelte-bbuvlo:not(.is-disabled):hover .button:where(.svelte-bbuvlo){border-radius:8px}.button-frame.svelte-bbuvlo:not(.is-disabled):hover .button.blue:where(.svelte-bbuvlo){background:linear-gradient(180deg,#3d55f4 0% 100%);box-shadow:0 10px 35px #283dce33}.button-frame.svelte-bbuvlo:not(.is-disabled):hover .button.yellow:where(.svelte-bbuvlo){background:linear-gradient(180deg,#e8c75c 0% 100%)}.button-frame.svelte-bbuvlo:not(.is-disabled):hover .button.green:where(.svelte-bbuvlo){background:linear-gradient(180deg,#3ec156 0% 100%)}.button-frame.svelte-bbuvlo:not(.is-disabled):hover .button.neutral:where(.svelte-bbuvlo){background:linear-gradient(180deg,#5e83a1,#32546f)}.button-frame.svelte-bbuvlo:not(.is-disabled):active .button:where(.svelte-bbuvlo){transform:scale(.98)}.button-frame.is-disabled.svelte-bbuvlo{border-color:#b1cadf26}.button-frame.is-disabled.svelte-bbuvlo .button:where(.svelte-bbuvlo){cursor:not-allowed;backdrop-filter:none;-webkit-backdrop-filter:none}.button-frame.is-disabled.svelte-bbuvlo .button.blue:where(.svelte-bbuvlo){background:#283dce4d}.button-frame.is-disabled.svelte-bbuvlo .button.yellow:where(.svelte-bbuvlo){background:#e8c75c4d}.button-frame.is-disabled.svelte-bbuvlo .button.green:where(.svelte-bbuvlo){background:#3fb9504d}.button-frame.is-disabled.svelte-bbuvlo .button.neutral:where(.svelte-bbuvlo){background:#5e83a166}.button-frame.is-disabled.svelte-bbuvlo .button-label:where(.svelte-bbuvlo){color:#b1cadf80}.button-frame.is-disabled.neutral.svelte-bbuvlo .button-label:where(.svelte-bbuvlo){color:#b1cadfb3}.button-label.svelte-bbuvlo{line-height:1.15;color:#fff;text-transform:uppercase;text-align:center;white-space:normal;overflow-wrap:anywhere}.button-frame.size-lg.svelte-bbuvlo .button-label:where(.svelte-bbuvlo){font-size:18px}.button-frame.size-md.svelte-bbuvlo .button-label:where(.svelte-bbuvlo){font-size:14px}.button-frame.size-sm.svelte-bbuvlo .button-label:where(.svelte-bbuvlo){font-size:12px}.button.yellow.svelte-bbuvlo .button-label:where(.svelte-bbuvlo){color:#29220b}@media(max-width:640px){.button-frame.size-lg.svelte-bbuvlo .button-label:where(.svelte-bbuvlo),.button-frame.size-md.svelte-bbuvlo .button-label:where(.svelte-bbuvlo),.button-frame.size-sm.svelte-bbuvlo .button-label:where(.svelte-bbuvlo){font-size:14px}}
