.box-button.svelte-1qipt5f{display:block;width:100%;height:100%}.box-button-inner.svelte-1qipt5f{position:relative;box-sizing:border-box;display:grid;grid-template-columns:100%;align-items:center;font-weight:700;line-height:1.5;color:var(--color-white-primary);text-align:center;background:var(--color-black-secondary);border:solid 2px var(--color-black-primary);box-shadow:var(--button-shadow)}.box-button-inner.svelte-1qipt5f:before{position:absolute;inset:0;display:block;content:""}.box-button-inner[data-color=red].svelte-1qipt5f:before{background:var(--color-red-primary)}.box-button-inner[data-color=purple].svelte-1qipt5f:before{background:var(--color-purple-primary)}.box-button-inner[data-color=yellow].svelte-1qipt5f{color:var(--color-black-primary)}.box-button-inner[data-color=yellow].svelte-1qipt5f:before{background:var(--color-yellow-tertiary)}@media (hover: hover){.box-button-inner.svelte-1qipt5f:before{transition:opacity .25s}.box-button.svelte-1qipt5f:hover .box-button-inner:where(.svelte-1qipt5f){border-color:var(--color-white-primary)}.box-button.svelte-1qipt5f:hover .box-button-inner:where(.svelte-1qipt5f):before{opacity:0}.box-button.svelte-1qipt5f:hover .box-button-inner[data-color=yellow]:where(.svelte-1qipt5f){color:var(--color-white-primary)}}.box-button.svelte-1qipt5f:disabled .box-button-inner:where(.svelte-1qipt5f),.box-button[aria-disabled=true].svelte-1qipt5f .box-button-inner:where(.svelte-1qipt5f){pointer-events:none;box-shadow:none;opacity:var(--opacity-10);transition:none}.box-button-inner[data-size=md].svelte-1qipt5f{grid-template-columns:1fr auto;width:100%;height:100%;padding:14px 12px;font-size:var(--fs-sm-plus);border-radius:var(--radius-sm)}.box-button-inner[data-size=md].svelte-1qipt5f:before{border-radius:calc(var(--radius-sm) - 2px)}@media screen and (min-width: 1025px){.box-button-inner[data-size=md].svelte-1qipt5f{gap:4px;padding:16px;font-size:var(--fs-md)}}.box-button-inner[data-size=lg].svelte-1qipt5f{justify-content:center;padding:16px 16px 8px;font-size:var(--fs-sm-plus);border-radius:var(--radius-md)}.box-button-inner[data-size=lg].svelte-1qipt5f:before{border-radius:calc(var(--radius-md) - 2px)}@media screen and (min-width: 1025px){.box-button-inner[data-size=lg].svelte-1qipt5f{padding:16px 24px 8px;font-size:var(--fs-lg)}}.box-button-text.svelte-1qipt5f{position:relative;display:grid;align-content:center}.box-button-inner[data-size=lg].svelte-1qipt5f .box-button-icon:where(.svelte-1qipt5f){justify-self:center}