.btn{justify-content:center;align-items:center;gap:var(--btn-gap,.5rem);font:inherit;cursor:pointer;border:none;text-decoration:none;display:inline-block}.btn{--btn-bg:var(--color-primary);--btn-text:#fff;--btn-border:transparent;background-color:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-border);outline:1px solid var(--btn-border);outline-offset:0;border-radius:4px;position:relative}.btn:hover{--btn-border:var(--btn-bg);outline-offset:calc(var(--spacing))}.btn{transition:background-color 3s var(--ease-gentle),outline-color .18s var(--ease-gentle),outline-offset .18s var(--ease-gentle),color .18s var(--ease-gentle),transform .18s var(--ease-gentle)}.btn:after{content:"";opacity:0;width:100%;height:100%;transition:opacity .18s var(--ease-gentle);background:#fff;position:absolute;top:0;left:0}.btn:hover:after{opacity:.1}.btn[data-variant=primary]{--btn-bg:var(--color-primary)}.btn[data-variant=secondary]{--btn-bg:var(--color-secondary-500)}.btn[data-variant=outline]{--btn-bg:#fff3;--btn-border:currentColor;-webkit-backdrop-filter:blur(25px);position:relative}.btn--sm{padding:.25rem .5rem;font-size:.875rem}.btn--md{padding:.5rem 1rem}.btn--lg{padding:.75rem 1.5rem}.is-disabled{opacity:.5;pointer-events:none}.is-loading{cursor:progress}.btn__icon{display:inline-flex}.btn__icon svg{display:block}.btn__icon :deep(svg){display:block}.btn__label{white-space:nowrap}.btn--icon-only{padding:.5rem}.btn--sm.btn--icon-only{block-size:2rem;inline-size:2rem}.btn--md.btn--icon-only{block-size:2.5rem;inline-size:2.5rem}.btn--lg.btn--icon-only{block-size:3rem;inline-size:3rem}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}