.button-frame.svelte-s3tdv{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-s3tdv{height:69px;border-radius:16px}.button-frame.size-md.svelte-s3tdv{height:58px;border-radius:16px}.button-frame.size-sm.svelte-s3tdv{height:48px;border-radius:12px}.button.svelte-s3tdv{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-s3tdv .button:where(.svelte-s3tdv),.button-frame.size-md.svelte-s3tdv .button:where(.svelte-s3tdv){border-radius:16px}.button-frame.size-sm.svelte-s3tdv .button:where(.svelte-s3tdv){border-radius:12px}.button.blue.svelte-s3tdv{background:linear-gradient(180deg,#3d55f4,#283dce)}.button.yellow.svelte-s3tdv{background:linear-gradient(180deg,#e8c75c,#e7c146)}.button.green.svelte-s3tdv{background:linear-gradient(180deg,#3ec156,#2c8f3e)}.button.neutral.svelte-s3tdv{background:linear-gradient(180deg,#32546f,#254259)}.button-frame.svelte-s3tdv:not(.is-disabled):hover{padding:4px}.button-frame.blue.svelte-s3tdv:not(.is-disabled):hover{border-color:#283dce}.button-frame.yellow.svelte-s3tdv:not(.is-disabled):hover{border-color:#e8c75c}.button-frame.green.svelte-s3tdv:not(.is-disabled):hover{border-color:#3fb950}.button-frame.neutral.svelte-s3tdv:not(.is-disabled):hover{border-color:#b1cadf33}.button-frame.size-lg.svelte-s3tdv:not(.is-disabled):hover .button:where(.svelte-s3tdv),.button-frame.size-md.svelte-s3tdv:not(.is-disabled):hover .button:where(.svelte-s3tdv){border-radius:12px}.button-frame.size-sm.svelte-s3tdv:not(.is-disabled):hover .button:where(.svelte-s3tdv){border-radius:8px}.button-frame.svelte-s3tdv:not(.is-disabled):hover .button.blue:where(.svelte-s3tdv){background:linear-gradient(180deg,#3d55f4 0% 100%);box-shadow:0 10px 35px #283dce33}.button-frame.svelte-s3tdv:not(.is-disabled):hover .button.yellow:where(.svelte-s3tdv){background:linear-gradient(180deg,#e8c75c 0% 100%)}.button-frame.svelte-s3tdv:not(.is-disabled):hover .button.green:where(.svelte-s3tdv){background:linear-gradient(180deg,#3ec156 0% 100%)}.button-frame.svelte-s3tdv:not(.is-disabled):hover .button.neutral:where(.svelte-s3tdv){background:linear-gradient(180deg,#5e83a1,#32546f)}.button-frame.svelte-s3tdv:not(.is-disabled):active .button:where(.svelte-s3tdv){transform:scale(.98)}.button-frame.is-disabled.svelte-s3tdv{border-color:#b1cadf26}.button-frame.is-disabled.svelte-s3tdv .button:where(.svelte-s3tdv){cursor:not-allowed;backdrop-filter:none;-webkit-backdrop-filter:none}.button-frame.is-disabled.svelte-s3tdv .button.blue:where(.svelte-s3tdv){background:#283dce4d}.button-frame.is-disabled.svelte-s3tdv .button.yellow:where(.svelte-s3tdv){background:#e8c75c4d}.button-frame.is-disabled.svelte-s3tdv .button.green:where(.svelte-s3tdv){background:#3fb9504d}.button-frame.is-disabled.svelte-s3tdv .button.neutral:where(.svelte-s3tdv){background:#5e83a166}.button-frame.is-disabled.svelte-s3tdv .button-label:where(.svelte-s3tdv){color:#b1cadf80}.button-frame.is-disabled.neutral.svelte-s3tdv .button-label:where(.svelte-s3tdv){color:#b1cadfb3}.button-label.svelte-s3tdv{line-height:24px;color:#fff;text-transform:uppercase;white-space:nowrap;word-break:break-word}.button-frame.size-lg.svelte-s3tdv .button-label:where(.svelte-s3tdv){font-size:18px}.button-frame.size-md.svelte-s3tdv .button-label:where(.svelte-s3tdv){font-size:14px}.button-frame.size-sm.svelte-s3tdv .button-label:where(.svelte-s3tdv){font-size:12px}.button.yellow.svelte-s3tdv .button-label:where(.svelte-s3tdv){color:#29220b}@media(max-width:640px){.button-frame.size-lg.svelte-s3tdv .button-label:where(.svelte-s3tdv),.button-frame.size-md.svelte-s3tdv .button-label:where(.svelte-s3tdv),.button-frame.size-sm.svelte-s3tdv .button-label:where(.svelte-s3tdv){font-size:14px}}
