.button{font-weight:700;text-decoration:none;display:inline-flex;position:relative}.button--xs{font-size:clamp(.8125rem,.79rem + .1vw,.875rem);line-height:1.4}.button--sm{font-size:clamp(.875rem,.85rem + .1vw,.9375rem);line-height:1.45}.button--md{font-size:clamp(.95rem,.92rem + .15vw,1rem);line-height:1.55}.button--lg{letter-spacing:-.015em;font-size:clamp(1.125rem,1.05rem + .25vw,1.25rem);line-height:1.25}.button--xl{letter-spacing:-.02em;font-size:clamp(1.375rem,1.27rem + .45vw,1.61rem);line-height:1.2}.button:before{content:"";opacity:0;pointer-events:none;background:#ffffff1a;transition:opacity .25s;position:absolute;inset:0}.button--filled,.button--outline{border-radius:9999px;justify-content:flex-start;align-items:center}.button--filled.button--xs,.button--outline.button--xs{padding:.4rem .75rem}.button--filled.button--sm,.button--outline.button--sm{padding:.45rem 1.8rem}.button--filled.button--md,.button--outline.button--md{padding:.5rem 2rem}.button--filled.button--lg,.button--outline.button--lg{padding:.65rem 2.25rem}.button--filled.button--xl,.button--outline.button--xl{padding:.8rem 2.5rem}.button--filled{border:1px solid #0000}.button--filled:hover:before{opacity:1}.button--filled.button--primary{color:hsl(var(--primary-foreground));background-color:hsl(var(--primary))}.button--outline{background:0 0;border:1px solid;transition:background-color .5s}.button--outline:before{display:none}.button--outline:hover{background-color:hsl(var(--brand-light-blue))}.button--outline.button--primary{color:hsl(var(--primary));border-color:hsl(var(--primary))}.button--text{padding:0}.button--text:before{display:none}.button--link{font-weight:inherit;line-height:inherit;color:inherit;text-underline-offset:.15em;padding:0;text-decoration:underline;display:inline;position:static;width:auto!important}.button--link:before,.button--link .button--icon{display:none}.button--disabled{pointer-events:none;opacity:.5}.button--icon{flex-shrink:0;transition:transform .5s}.button:not(.button--link):hover:not(.button--disabled) .button--icon{transform:translate(.3em)}
