.button{--button-pad-block:.625rem;--button-pad-inline:1.5rem;--button-icon-size:2.125rem;--button-min-size:3.375rem;--button-font-size:1rem;--button-icon-gap:1rem;--button-arrow-scale:1.0625;--button-scale:.84;--button-fill:var(--color-red);--button-ink:var(--color-white);--button-icon-fill:var(--color-white);--button-icon-ink:var(--color-red);align-items:center;background:var(--button-fill);border:0;border-radius:var(--radius-pill);color:var(--button-ink);display:inline-flex;transition:background-color .18s var(--motion-ease);font-family:var(--font-family-body);font-size:calc(var(--button-font-size) * var(--button-scale));font-weight:600;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}.button:has(.button__icon){padding-inline-end:calc(var(--button-pad-block) * var(--button-scale))}.button__label{display:inline-block;white-space:nowrap}.button__icon{align-items:center;background:var(--button-icon-fill);border-radius:var(--radius-pill);block-size:calc(var(--button-icon-size) * var(--button-scale));color:var(--button-icon-ink);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__icon-motion{align-items:center;block-size:100%;display:flex;inline-size:100%;justify-content:center}.button__icon svg{display:block;flex:0 0 auto;max-inline-size:none}.button[data-button-icon=arrow-right] .button__icon svg{transform:scale(calc(var(--button-arrow-scale) * var(--button-scale)))}.button:not([data-button-icon=arrow-right]) .button__icon svg{block-size:calc(0.875rem * var(--button-scale));inline-size:calc(0.875rem * var(--button-scale))}.button[data-button-icon=download] .button__icon svg{block-size:calc(1rem * var(--button-scale));inline-size:calc(1rem * var(--button-scale))}.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[data-button-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-icon-fill:var(--color-white);--button-icon-ink:var(--color-red)}.button[data-button-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-icon-fill:var(--color-white);--button-icon-ink:var(--color-dark)}.button[data-button-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-icon-fill:var(--color-dark);--button-icon-ink:var(--color-white)}.button[data-button-size=small]{--button-arrow-scale:1}.button[data-button-size=medium]{--button-arrow-scale:1.0625}.button[data-button-size=large]{--button-arrow-scale:1.125}.button[data-button-size=xl]{--button-arrow-scale:1.25}.button-group{--button-scale:.84;align-items:center;display:flex;flex-wrap:wrap;gap:calc(1.5rem * var(--button-scale))}@media (min-width:40rem){.button,.button-group{--button-scale:.92}}@media (min-width:64rem){.button,.button-group{--button-scale:1}}@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}}