.button{--button-transition:.2s ease-out;cursor:pointer;transition:var(--button-transition);font-size:var(--font-size-button);letter-spacing:var(--default-letter-spacing);justify-content:center;align-items:center;line-height:120%;display:inline-flex}.button[disabled]{cursor:not-allowed;opacity:.5}.button:active{transform:scale(.9)}.button__icon{justify-content:center;align-items:center;display:flex}.button__icon,.button__text{z-index:2;position:relative}.button__trace{--trace-angle:180deg;pointer-events:none;z-index:1;transition:border-radius .2s ease-out;inset:-.1875rem}.button__trace,.button__trace:before{border-radius:inherit;position:absolute}.button__trace:before{content:"";-webkit-mask-composite:xor;opacity:0;background:conic-gradient(from var(--trace-angle) at 50% 50%,var(--button-border,#16574b) 0deg,var(--button-border_2,#fff0) 40.5004deg,var(--button-border_2,#fff0) 1turn);padding:.125rem;transition:opacity .22s ease-out,border-radius .2s ease-out;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.button--primary{--button-primary-bg:transparent;--button-primary-border:var(--black);--button-primary-fg:var(--black);--button-primary-hover-bg:var(--primary-color);--button-primary-hover-border:var(--primary-color);--button-primary-hover-fg:var(--secondary-color);--button-primary-focus-bg:var(--secondary-color);--button-primary-focus-border:var(--primary-color);--button-primary-focus-fg:var(--primary-color);--button-primary-active-bg:var(--primary-light-color);--button-primary-active-border:var(--secondary-color);--button-primary-active-fg:var(--secondary-color);--button-primary-active-radius:1.5rem 0 1.5rem 0rem;--button-border:var(--button-primary-border)}@media (width<=767px){.button--primary{--button-primary-active-radius:.6rem 0 .6rem 0rem}}.button--primary{isolation:isolate;background-color:var(--button-primary-bg);border:.0625rem solid var(--button-primary-border);color:var(--button-primary-fg);border-radius:0;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;position:relative}.button--primary svg path{fill:currentColor}.button--primary:is(:hover,:focus,:focus-visible,:focus-within,:active){border-radius:var(--button-primary-active-radius)}.button--primary:is(:hover,:focus,:focus-visible,:focus-within,:active) .button__trace:before{opacity:1;animation:3s linear 1ms infinite button-border-trace}.button--primary:is(:focus,:focus-visible,:focus-within){background-color:var(--button-primary-focus-bg);border-color:var(--button-primary-focus-border);color:var(--button-primary-focus-fg)}.button--primary:is(:hover,:active){--button-border:var(--button-primary-hover-border);background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border);color:var(--button-primary-hover-fg)}.button--secondary{--button-secondary-bg:var(--primary-color);--button-secondary-border:var(--primary-color);--button-secondary-fg:var(--secondary-color);--button-secondary-hover-bg:var(--primary-color);--button-secondary-hover-border:var(--primary-color);--button-secondary-hover-fg:var(--secondary-color);--button-secondary-focus-bg:var(--secondary-color);--button-secondary-focus-border:var(--primary-color);--button-secondary-focus-fg:var(--primary-color);--button-secondary-active-bg:var(--primary-color);--button-secondary-active-border:var(--secondary-color);--button-secondary-active-fg:var(--secondary-color);--button-secondary-active-radius:1.5rem 0 1.5rem 0rem;--button-border:var(--button-secondary-border);isolation:isolate;background-color:var(--button-secondary-bg);border:.0625rem solid var(--button-secondary-border);color:var(--button-secondary-fg);border-radius:0;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;position:relative}.button--secondary svg path{fill:currentColor}.button--secondary:is(:hover,:focus,:focus-visible,:focus-within,:active){border-radius:var(--button-secondary-active-radius)}.button--secondary:is(:hover,:focus,:focus-visible,:focus-within,:active) .button__trace:before{opacity:1;animation:3s linear 1ms infinite button-border-trace}.button--secondary:is(:hover,:active),.button--secondary:is(:focus,:focus-visible,:focus-within){--button-border:var(--button-secondary-focus-border);background-color:var(--button-secondary-focus-bg);border-color:var(--button-secondary-focus-border);color:var(--button-secondary-focus-fg)}.button--secondary:active{--button-border:var(--button-secondary-active-border);border-color:var(--button-secondary-active-border);background-color:var(--button-secondary-active-bg);color:var(--button-secondary-active-fg)}.button--inactive,.button[disabled]{background-color:var(--secondary-color);color:#4d4d4d;pointer-events:none;opacity:1;border-color:#4d4d4d}.button--inactive svg path,.button[disabled] svg path{fill:var(--gray-dark)}.button--link{color:var(--black)}.button--link:hover{color:var(--gray-medium)}.button--link .button__icon svg path{fill:currentColor}.button--icon-align-left{flex-direction:row-reverse}.button--close{gap:.5rem}@property --trace-angle{syntax:"<angle>";inherits:false;initial-value:180deg}@keyframes button-border-trace{to{--trace-angle:-180deg}}