.button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border;font-family:var(--font-family-body);font-size:1rem;font-weight:normal;text-transform:none;text-decoration:none;text-align:center;line-height:var(--line-height-small);transition-duration:var(--transition-duration);white-space:nowrap;cursor:pointer}.button svg{transition:transform var(--transition-duration)}.button svg path{fill:currentColor;flex-shrink:0;transition:fill var(--transition-duration)}.button>svg{width:1.25em;height:1.25em;flex-shrink:0}.button.animate-on-hover:hover svg{transform:translateX(.5em)}.button.filled{border-radius:9999px;height:var(--button-height-default);padding:0 1.5rem}.button.filled.color-1{background:var(--button-background-color);color:var(--button-text-color)}.button.filled.color-1:hover{background:var(--button-background-color-hover);color:var(--button-text-color)}.button.filled.color-2{background:var(--color-2);color:var(--button-text-color)}.button.filled.color-2:hover{background:color-mix(in oklab,var(--color-2) 80%,white);color:var(--button-text-color)}.button.filled.color-3{background:var(--color-3);color:var(--button-text-color)}.button.filled.color-3:hover{background:color-mix(in oklab,var(--color-3) 80%,white);color:var(--button-text-color)}.button.filled.neutral-9{background:var(--neutral-9);color:var(--neutral-1)}.button.filled.neutral-9:hover{background:color-mix(in oklab,var(--neutral-9) 80%,var(--neutral-1));color:var(--neutral-1)}.button.filled.neutral-7{background:var(--neutral-7);color:var(--neutral-1)}.button.filled.neutral-7:hover{background:color-mix(in oklab,var(--neutral-7) 80%,var(--neutral-1));color:var(--neutral-1)}.button.filled.neutral-3{background:var(--neutral-3);color:var(--neutral-9)}.button.filled.neutral-3:hover{background:color-mix(in oklab,var(--neutral-3) 80%,var(--neutral-9));color:var(--neutral-9)}.button.filled.neutral-1{background:var(--neutral-1);color:var(--neutral-9)}.button.filled.neutral-1:hover{background:color-mix(in oklab,var(--neutral-1) 90%,var(--neutral-9));color:var(--neutral-9)}.button.outline{background:transparent;border-radius:var(--border-radius-small);height:var(--button-height-default);padding:0 1.25rem}.button.outline.color-1{border:var(--border-width-default) solid var(--button-background-color);color:var(--button-background-color)}.button.outline.color-1:hover{background:var(--button-background-color-hover);border-color:var(--button-background-color-hover);color:var(--button-text-color-hover)}.button.outline.color-2{border:var(--border-width-default) solid var(--color-2);color:var(--color-2)}.button.outline.color-2:hover{background:color-mix(in oklab,var(--color-2) 80%,white);border-color:color-mix(in oklab,var(--color-2) 80%,white);color:var(--neutral-1)}.button.outline.color-3{border:var(--border-width-default) solid var(--color-3);color:var(--color-3)}.button.outline.color-3:hover{background:color-mix(in oklab,var(--color-3) 80%,white);border-color:color-mix(in oklab,var(--color-3) 80%,white);color:var(--neutral-1)}.button.outline.neutral-9{border:var(--border-width-default) solid var(--neutral-9);color:var(--neutral-9)}.button.outline.neutral-9:hover{background:color-mix(in oklab,var(--neutral-9) 80%,var(--neutral-1));border-color:color-mix(in oklab,var(--neutral-9) 80%,var(--neutral-1));color:var(--neutral-1)}.button.outline.neutral-7{border:var(--border-width-default) solid var(--neutral-7);color:var(--neutral-7)}.button.outline.neutral-7:hover{background:color-mix(in oklab,var(--neutral-7) 80%,var(--neutral-1));border-color:color-mix(in oklab,var(--neutral-7) 80%,var(--neutral-1));color:var(--neutral-1)}.button.outline.neutral-3{border:var(--border-width-default) solid var(--neutral-3);color:var(--neutral-7)}.button.outline.neutral-3:hover{background:color-mix(in oklab,var(--neutral-3) 80%,var(--neutral-9));border-color:color-mix(in oklab,var(--neutral-3) 80%,var(--neutral-9));color:var(--neutral-9)}.button.outline.neutral-1{border:var(--border-width-default) solid var(--neutral-1);color:var(--neutral-1)}.button.outline.neutral-1:hover{background:color-mix(in oklab,var(--neutral-1) 90%,var(--neutral-9));border-color:color-mix(in oklab,var(--neutral-1) 90%,var(--neutral-9));color:var(--neutral-9)}.button.plain.neutral-9{color:var(--neutral-9)}.button.plain.neutral-9:hover{color:var(--link-color-hover)}.button.icon-only{width:var(--button-height-default);height:var(--button-height-default);padding:0}.button.icon-only>svg{width:1.6em;height:1.6em}.button.small{font-size:var(--font-size-small)}.button.filled.small,.button.outline.small{height:var(--button-height-small);padding:0 1rem}.button.small.icon-only{width:var(--button-height-small);padding:0}.button.small.icon-only>svg{width:1.2em;height:1.2em}.button.large{font-size:var(--font-size-large)}.button.filled.large,.button.outline.large{height:var(--button-height-large);padding:0 1.8rem}.button.large.icon-only{width:var(--button-height-large);padding:0}.button.large.icon-only>svg{width:1.8em;height:1.8em}