.button{--button-pad-block:1rem;--button-pad-inline:1.2rem;--button-icon-size:.5rem;--button-min-size:2.8rem;--button-font-size:.8rem;--button-icon-gap:calc(var(--button-font-size) * 1.125);--button-scale:1;--button-border-width:1px;--button-border:transparent;--button-color:var(--color-red);--button-fill:var(--button-color);--button-ink:var(--color-white);--button-fill-hover:color-mix(in srgb,#000 10%,var(--button-fill));align-items:center;background-color:var(--button-fill);border-color:var(--button-border);border-radius:var(--radius-pill);border-style:solid;border-width:var(--button-border-width);box-sizing:border-box;color:var(--button-ink);display:inline-flex;font-family:var(--font-family-body);font-size:calc(var(--button-font-size) * var(--button-scale));font-weight:400;gap:calc(var(--button-icon-gap) * var(--button-scale));justify-content:center;letter-spacing:0;line-height:1;min-block-size:calc(var(--button-min-size) * var(--button-scale));padding-block:calc(var(--button-pad-block) * var(--button-scale));padding-inline:calc(var(--button-pad-inline) * var(--button-scale));text-decoration:none;transition:background-color .18s var(--motion-ease),border-color .18s var(--motion-ease),color .18s var(--motion-ease)}.button__label{display:inline-block;white-space:nowrap}.button__icon{align-items:center;background:0 0;block-size:calc(var(--button-icon-size) * var(--button-scale));color:inherit;display:inline-flex;flex:0 0 auto;inline-size:calc(var(--button-icon-size) * var(--button-scale));justify-content:center;line-height:0;overflow:hidden;position:relative}.button[data-button-icon=arrow-right] .button__icon{inline-size:calc(var(--button-icon-size) * 1.184 * var(--button-scale))}.button:not([data-button-icon=arrow-right]) .button__icon{block-size:1.25em;inline-size:1.25em}.button__icon-motion{align-items:center;block-size:100%;display:flex;inline-size:100%;justify-content:center}.button__icon svg{block-size:100%;display:block;flex:0 0 auto;inline-size:100%;max-inline-size:none}.button:hover,.button:focus-visible,.button:hover .button__label,.button:focus-visible .button__label{color:var(--button-ink)}.button:hover,.button:focus-visible{background-color:var(--button-fill-hover,var(--button-fill))}.button:is(:hover,:focus-visible) .button__icon-motion{animation:button-icon-exit-right .55s cubic-bezier(.65,0,.35,1) both}.button[data-button-icon=arrow-up-right]:is(:hover,:focus-visible) .button__icon-motion{animation-name:button-icon-exit-up}.button[data-button-icon=download]:is(:hover,:focus-visible) .button__icon-motion{animation-name:button-icon-exit-down}.button:where([data-button-color=red]){--button-color:var(--color-red);--button-fill:var(--color-red);--button-fill-hover:color-mix(in srgb,#000 10%,var(--button-fill));--button-ink:var(--color-white)}.button:where([data-button-color=dark]){--button-color:var(--color-dark);--button-fill:var(--color-dark);--button-fill-hover:color-mix(in srgb,#fff 10%,var(--button-fill));--button-ink:var(--color-white)}.button:where([data-button-color=white]){--button-color:var(--color-white);--button-fill:var(--color-white);--button-fill-hover:var(--button-white-hover,color-mix(in srgb,var(--color-dark) 12%,var(--button-fill)));--button-ink:var(--color-dark)}.button[data-button-style=outline][data-button-color]{--button-fill:transparent;--button-fill-hover:color-mix(in srgb,var(--button-color) 8%,transparent);--button-ink:var(--button-color);--button-border:var(--button-color)}.button[data-button-style=text][data-button-color]{--button-fill:transparent;--button-fill-hover:transparent;--button-ink:var(--button-color);--button-border:transparent;--button-border-width:0px;min-block-size:0;padding-block:.2em;padding-inline:0}.button[data-button-style=text]:is(:hover,:focus-visible) .button__label{text-decoration:underline;text-underline-offset:.2em}.button-group{--button-scale:1;align-items:center;display:flex;flex-wrap:wrap;gap:calc(1.5rem * var(--button-scale));max-inline-size:100%;min-inline-size:0}.button-group>.button{flex:0 0 auto;inline-size:max-content;max-inline-size:100%;min-inline-size:0}.button-group>.button .button__label{line-height:1.25;margin-block:-.125em;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance;white-space:normal}.button-group>.button .button__icon{align-self:center}@keyframes button-icon-exit-right{0%{transform:translate3d(0,0,0)}46%{transform:translate3d(120%,0,0);animation-timing-function:step-end}47%{transform:translate3d(-120%,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes button-icon-exit-up{0%{transform:translate3d(0,0,0)}46%{transform:translate3d(0,-120%,0);animation-timing-function:step-end}47%{transform:translate3d(0,120%,0)}100%{transform:translate3d(0,0,0)}}@keyframes button-icon-exit-down{0%{transform:translate3d(0,0,0)}46%{transform:translate3d(0,120%,0);animation-timing-function:step-end}47%{transform:translate3d(0,-120%,0)}100%{transform:translate3d(0,0,0)}}@media (prefers-reduced-motion:reduce){.button:is(:hover,:focus-visible) .button__icon-motion{animation:none}}