.button{--button-ink:#243c32;--button-paper:#f4f0e8;isolation:isolate;border:1px solid var(--button-ink);max-width:100%;min-height:56px;color:var(--button-ink);letter-spacing:.015em;text-align:left;vertical-align:middle;background:0 0;border-radius:2px;justify-content:space-between;align-items:center;gap:28px;padding:15px 25px;font:500 14px/24px Arial,Helvetica,sans-serif;text-decoration:none;transition:background-color .22s,color .22s,box-shadow .22s,transform .18s;display:inline-flex;position:relative}.button--primary{background:var(--button-ink);color:var(--button-paper)}.button-label{font:inherit;letter-spacing:inherit;position:relative}.button-arrow{flex:0 0 20px;transition:transform .22s}.button-arrow--back{rotate:180deg}.button--compact{gap:16px;min-height:44px;padding:9px 16px;font-size:12px;line-height:24px}.button.button--primary:not([data-primary-muted=true]):is(:hover,:focus-visible,[data-pressed=true]):not(:disabled){color:var(--button-paper);background:#4d4936;border-color:#4d4936;box-shadow:0 6px 28px #78573730}.button.button--secondary:is(:hover,:focus-visible,[data-pressed=true]):not(:disabled),a:is(:hover,:focus-visible,[data-pressed=true]) .button-visual{background:var(--button-ink);color:var(--button-paper);box-shadow:0 6px 28px #78573724}.button:focus-visible,a:focus-visible .button-visual{outline:2px solid var(--button-paper);outline-offset:2px;box-shadow:0 0 0 5px var(--button-ink)!important}.button:disabled{opacity:.65;cursor:not-allowed}.button[aria-busy=true]{opacity:1;cursor:wait;background:#415346}.button-progress{flex:0 0 20px;align-items:center;gap:3px;display:flex}.button-progress i{background:currentColor;width:4px;height:4px;animation:1.4s ease-in-out infinite button-breathe}.button-progress i:nth-child(2){animation-delay:.15s}.button-progress i:nth-child(3){animation-delay:.3s}@keyframes button-breathe{50%{opacity:.3}}@media (prefers-reduced-motion:no-preference){.button:is(:hover,:focus-visible,[data-pressed=true])>.button-arrow,a:is(:hover,:focus-visible,[data-pressed=true]) .button-visual>.button-arrow{transform:translate(4px)}.button[data-pressed=true]{--button-scale:.98;transform:scale(var(--button-scale))}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) a.button,html:not([data-motion=off]) button.button{transform:translate(var(--magnetic-x,0px), var(--magnetic-y,0px)) scale(var(--button-scale,1))}}html[data-motion=off] .button,html[data-motion=off] .button-arrow{transform:none!important}@media (prefers-reduced-motion:reduce){.button,.button-arrow{transition:none;transform:none!important}.button-progress i{animation:none}}
