@layer components{.button.svelte-v2u8gk{height:auto;background-color:var(--_button-bg-col-hover, var(--_button-bg-col));color:var(--_button-text-col-hover, var(--_button-text-col));font-weight:var(--_button-font-weight, var(--font-weight-5));font-family:var(--base-font-family);font-size:var(--_button-font-size);box-shadow:1px 3px 10px color-mix(in oklch,var(--color-surface-500) 60%,var(--color-surface-50));border:var(--button-border-size) solid var(--_button-border-col-hover, var(--_button-border-col, transparent));padding:var(--_button-padding);border-radius:var(--radius-base);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;transition:all .25s ease-in-out;overflow:hidden}.button.svelte-v2u8gk.small{--_button-padding: .35rem .2rem;--_button-font-size: var(--size-body-3);--_deco-dot-size: .35rem;--_decorative-button-padding-right: .25rem}.button.svelte-v2u8gk.medium{--_button-padding: .35rem .5rem;--_button-font-size: var(--size-body-4);--_deco-dot-size: .4rem;--_decorative-button-padding-right: .3rem}.button.svelte-v2u8gk.default{--_button-padding: .5rem .65rem;--_button-font-size: var(--size-body-5);--_deco-dot-size: .425rem;--_decorative-button-padding-right: .4rem}.button.svelte-v2u8gk.large{--_button-padding: .5rem .75rem;--_button-font-size: var(--size-body-6);--_deco-dot-size: .45rem;--_decorative-button-padding-right: .5rem}.button.svelte-v2u8gk.extra-large{--_button-padding: .55rem 1.25rem;--_button-font-size: var(--size-body-7);--_deco-dot-size: .5rem;--_decorative-button-padding-right: .55rem;--_button-font-weight: var(--font-weight-4)}.button.svelte-v2u8gk.base{--_button-bg-col: var(--color-surface-2);--_button-text-col: var(--color-surface-7);--_deco-dot-col: var(--color-primary-4);--_button-border-col: var(--color-surface-3)}.button.svelte-v2u8gk.primary{--_button-bg-col: var(--color-primary-6);--_button-text-col: var(--color-primary-0);--_deco-dot-col: var(--color-primary-2);--_button-border-col: var(--color-primary-8)}.button.svelte-v2u8gk:hover:not(:is(.decorative)).base{--_button-text-col-hover: var(--color-surface-9);--_button-bg-col-hover: var(--color-surface-3);--_button-border-col-hover: var(--color-surface-4)}.button.svelte-v2u8gk:hover:not(:is(.decorative)).primary{--_button-text-col-hover: var(--color-primary-1);--_button-bg-col-hover: var(--color-primary-7);--_button-border-col-hover: var(--color-primary-9)}.button.svelte-v2u8gk:hover:is(.decorative:where(.svelte-v2u8gk)).base{--_button-text-col-hover: var(--color-surface-9);--_button-border-col-hover: var(--color-surface-5)}.button.svelte-v2u8gk:hover:is(.decorative:where(.svelte-v2u8gk)).primary{--_button-text-col-hover: var(--color-primary-8);--_button-bg-col-hover: var(--color-primary-8);--_button-border-col-hover: var(--color-primary-9)}.button.svelte-v2u8gk:hover:is(.decorative:where(.svelte-v2u8gk)).secondary{--_button-text-col-hover: var(--color-secondary-8)}.button.svelte-v2u8gk:is(.decorative:where(.svelte-v2u8gk))>.text-content:where(.svelte-v2u8gk){z-index:10;position:relative;padding-right:calc(var(--_decorative-button-padding-right) + var(--_deco-dot-size));transition:all .3s ease-in-out}.button.svelte-v2u8gk:is(.decorative:where(.svelte-v2u8gk))>.text-content:where(.svelte-v2u8gk):before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--_deco-dot-size);height:var(--_deco-dot-size);background-color:var(--_deco-dot-col);border-radius:999px;transition:transform .3s ease-in-out;z-index:-1}.button.svelte-v2u8gk:is(.decorative:where(.svelte-v2u8gk)):hover .text-content:where(.svelte-v2u8gk){padding-right:0}.button.svelte-v2u8gk:is(.decorative:where(.svelte-v2u8gk)):hover .text-content:where(.svelte-v2u8gk):before{transform:scale(40)}}.buttons-container.svelte-1uha8ag{width:100%;min-height:100vh;justify-content:center;align-items:center;gap:1.5rem}.p-container.svelte-1uha8ag{width:100%;padding:var(--spacing-20);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;color:#fff;transition:font-size .25s ease-in-out}