:root{--button-height-xs:24px;--button-height-sm:32px;--button-height-md:43px;--button-height-lg:52px;--button-font-size-xs:11px;--button-font-size-sm:12px;--button-font-size-md:14px;--button-font-size-lg:16px;--button-padding-xs:var(--space-sm);--button-padding-sm:var(--space-md);--button-padding-md:var(--space-lg);--button-padding-lg:var(--space-lg)}.e3-button{align-items:center;border:1px solid transparent;border-radius:var(--button-radius,var(--space-3xl));box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--font-text);font-weight:700;font-weight:400;gap:var(--space-sm);justify-content:center;position:relative;text-decoration:none;transition:.8s var(--ease-out-expo) color,1s var(--ease-out-quart) background-color;z-index:0}.e3-button .e3-icon{font-size:var(--button-icon-size,1em)}.e3-button[disabled]{opacity:.6;pointer-events:none!important}.e3-button__label{text-align:center;text-decoration:none!important;transform:translateY(1px)}.e3-button--xs{font-size:var(--button-font-size,var(--button-font-size-xs));min-height:var(--button-height,var(--button-height-xs));padding-block:var(--space-3xs);padding-inline:var(--button-padding,var(--button-padding-xs))}.e3-button--sm{font-size:var(--button-font-size,var(--button-font-size-sm));min-height:var(--button-height,var(--button-height-sm));padding-block:var(--space-2xs);padding-inline:var(--button-padding,var(--button-padding-sm))}.e3-button--md{font-size:var(--button-font-size,var(--button-font-size-md));min-height:var(--button-height,var(--button-height-md));padding-block:var(--space-xs);padding-inline:var(--button-padding,var(--button-padding-md))}.e3-button--lg{font-size:var(--button-font-size,var(--button-font-size-lg));min-height:var(--button-height,var(--button-height-lg));padding-block:var(--space-xs);padding-inline:var(--button-padding,var(--button-padding-lg))}.e3-button--icon-sm{font-size:var(--font-size-headline-xs);height:var(--button-height,var(--button-height-sm));padding:0;width:var(--button-height,var(--button-height-sm))}.e3-button--icon-md{font-size:var(--font-size-headline-sm);height:var(--button-height,var(--button-height-md));padding:0;width:var(--button-height,var(--button-height-md))}.e3-button--icon-lg{font-size:var(--font-size-headline-md);height:var(--button-height,var(--button-height-lg));padding:0;width:var(--button-height,var(--button-height-lg))}.e3-button--text.e3-button--sm,.e3-button--text.e3-button--xs{font-size:var(--button-font-size,var(--button-font-size-xs));height:auto;padding-block:0}.e3-button--text.e3-button--md{font-size:var(--button-font-size,var(--button-font-size-sm));height:auto;padding-block:0}.e3-button--text.e3-button--lg{font-size:var(--button-font-size,var(--button-font-size-md));height:auto;padding-block:0}.e3-button--outline{--local-color-fg:var(--button-color-fg,var(--color-fg));--local-color-border:var(--button-color-border,var(--color-fg));--local-color-fg--hover:var(--button-color-fg--hover,var(--color-fg));--local-color-bg--hover:var(--button-color-bg--hover,transparent);background-color:transparent;border:1px solid var(--local-color-border);color:var(--local-color-fg)}.e3-button--fill{--local-color-fg:var(--button-color-fg,var(--color-theme-primary-fg));--local-color-bg:var(--button-color-bg,var(--color-theme-primary));--local-color-fg--hover:var(--button-color-fg--hover,var(--color-theme-primary-fg));--local-color-bg--hover:var(--button-color-bg--hover,hsl(from var(--local-color-bg) h s l/0.9));--local-color-border:var(--local-color-bg);border-color:var(--local-color-bg)}.e3-button--fill,.e3-button--ghost{background-color:var(--local-color-bg);color:var(--local-color-fg)}.e3-button--ghost{--local-color-fg:var(--button-color-fg,var(--color-fg));--local-color-bg:var(--button-color-bg,transparent);--local-color-fg--hover:var(--button-color-fg,var(--color-fg));--local-color-bg--hover:hsl(from var(--color-fg) h s l/0.05)}.e3-button--text{--local-color-fg:var(--button-color-fg,hsl(from var(--color-fg) h s l/0.9));background-color:transparent;color:var(--local-color-fg);height:auto;padding-inline:0}.e3-button--fill:focus-visible{outline-offset:2px}.e3-button:not(.e3-button--text):focus-visible{outline:2px solid var(--local-color-border,var(--accent-color))}.e3-button.e3-button--text:focus-visible{color:var(--button-color-fg,var(--color-fg))}.e3-button.e3-button--ghost:focus-visible{background-color:var(--local-color-bg--hover);outline:var(--border-xs) solid hsl(from var(--color-fg) h s l/var(--opacity-sm))}@media(pointer:fine){.e3-button:not(.e3-button--text):hover{--local-color-fg:var(--local-color-fg--hover);background-color:var(--local-color-bg--hover)}.e3-button:not(.e3-button--text):hover .e3-button__label{color:var(--local-color-fg--hover,--button-color-fg,#fff)}.e3-button:not(.e3-button--text):hover svg{fill:var(--local-color-fg--hover,--button-color-fg,#fff)}.e3-button.e3-button--text:hover{color:var(--button-color-fg--hover,var(--color-fg))}}