button.svelte-11nwesm{color:inherit;font:inherit}.the-button.svelte-11nwesm{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:0 18px;min-height:var(--default-height);height:var(--default-height);max-height:var(--default-height);background:var(--primary);border:1px solid var(--primary);border-radius:8px;transition:box-shadow .4s ease;-webkit-user-select:none;user-select:none;cursor:pointer;text-decoration:none;font-weight:600;font-size:16px;text-wrap:nowrap;width:max-content;box-shadow:0 0 16px 4px color-mix(in srgb,black,rgba(0,0,0,0) 100%) inset}.the-button.svelte-11nwesm:not(.premium){border:1px solid color-mix(in srgb,white 20%,var(--primary))}.the-button.svelte-11nwesm:hover{box-shadow:0 0 16px 4px color-mix(in srgb,black,rgba(0,0,0,0) 60%) inset}.the-button.square.svelte-11nwesm{aspect-ratio:1/1}.the-button.svelte-11nwesm:active{transform:translateY(1px)}.the-button.stretch.svelte-11nwesm{width:100%}.the-button.hollow.svelte-11nwesm{background:none;box-shadow:0 0 16px 4px color-mix(in srgb,var(--primary),rgba(0,0,0,0) 100%) inset}.the-button.hollow.svelte-11nwesm:hover{box-shadow:0 0 16px 4px color-mix(in srgb,var(--primary),rgba(0,0,0,0) 60%) inset}.the-button.customBackground.svelte-11nwesm{border:1px solid var(--background-color);background:var(--background-color)}.the-button.customBorderColor.svelte-11nwesm{border-color:var(--border-color)}.the-button.customColor.svelte-11nwesm{color:var(--color)}.icon.svelte-11nwesm{display:flex;align-items:center;justify-content:center}.contents-wrapper.svelte-11nwesm{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.the-button.isTiny.svelte-11nwesm{padding:0 12px;min-height:var(--tiny-height);height:var(--tiny-height);max-height:var(--tiny-height)}.the-button.black.svelte-11nwesm{z-index:1;background:var(--dark-shade-800);border:1px solid var(--dark-shade-700)}.the-button.premium.svelte-11nwesm{box-shadow:0 32px 25px -20px #00000080 inset,0 -12px 25px #fff6 inset}.the-button.premium.svelte-11nwesm:hover{box-shadow:0 20px 25px -20px #00000080 inset,0 -18px 25px #fff6 inset}@media screen and (max-width: 768px){.the-button.svelte-11nwesm{padding:0 16px;min-height:var(--phone-height);height:var(--phone-height);max-height:var(--phone-height);font-size:12px}.the-button.svelte-11nwesm .icon:where(.svelte-11nwesm){height:18px}}