:root{--button-font-size-tiny:12px;--button-font-size-small:14px;--button-font-size-medium:16px;--button-font-size-large:18px;--button-py-tiny:11px;--button-py-small:14px;--button-py-medium:17px;--button-py-large:20px;--button-px-tiny:20px;--button-px-small:22px;--button-px-medium:25px;--button-px-large:30px;--button-font-weight:600;--button-border-width:1px;--button-radius:var(--radius);--button-primary-bg:var(--primary-color);--button-primary-border:var(--primary-color);--button-primary-color:var(--body-color);--button-primary-hover-bg:var(--primary-color-80);--button-primary-hover-border:var(--primary-color);--button-primary-hover-color:var(--body-color);--button-primary-disabled-bg:var(--tertiary-color-60);--button-primary-disabled-border:var(--tertiary-color-60);--button-primary-disabled-color:var(--tertiary-color-10);--button-primary-hollow-border:var(--primary-color);--button-primary-hollow-color:var(--primary-color);--button-primary-hollow-hover-bg:var(--primary-color);--button-primary-hollow-hover-color:var(--body-color);--button-secondary-bg:var(--secondary-color);--button-secondary-border:var(--secondary-color);--button-secondary-color:var(--white-color);--button-secondary-hover-bg:var(--secondary-color-80);--button-secondary-hover-border:var(--secondary-color);--button-secondary-hover-color:var(--white-color);--button-secondary-disabled-bg:var(--tertiary-color-60);--button-secondary-disabled-border:var(--tertiary-color-60);--button-secondary-disabled-color:var(--tertiary-color-10);--button-secondary-hollow-border:var(--white-color);--button-secondary-hollow-color:var(--white-color);--button-secondary-hollow-hover-bg:var(--white-color);--button-secondary-hollow-hover-color:var(--secondary-color);--button-secondary-hollow-light-border:var(--secondary-color);--button-secondary-hollow-light-color:var(--secondary-color);--button-secondary-hollow-light-hover-bg:var(--secondary-color);--button-secondary-hollow-light-hover-color:var(--white-color);--button-tertiary-color:var(--white-color);--button-tertiary-border:var(--primary-color);--button-tertiary-hover-border:var(--primary-color-80);--button-tertiary-light-color:var(--body-color)}:is(.primary-button,.secondary-button,.tertiary-button){display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--button-font-size-medium);font-weight:var(--button-font-weight);letter-spacing:0;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}:is(.primary-button,.secondary-button){padding:var(--button-py-medium) var(--button-px-medium);border:var(--button-border-width) solid;border-radius:var(--button-radius)}.primary-button{background-color:var(--button-primary-bg);border-color:var(--button-primary-border);color:var(--button-primary-color)}.primary-button:hover{background-color:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-border);color:var(--button-primary-hover-color)}.primary-button.disabled,.primary-button:disabled{background-color:var(--button-primary-disabled-bg);border-color:var(--button-primary-disabled-border);color:var(--button-primary-disabled-color);cursor:not-allowed;pointer-events:none}.primary-button.hollow{background-color:transparent;border-color:var(--button-primary-hollow-border);color:var(--button-primary-hollow-color)}.primary-button.hollow:hover{background-color:var(--button-primary-hollow-hover-bg);color:var(--button-primary-hollow-hover-color)}.secondary-button{background-color:var(--button-secondary-bg);border-color:var(--button-secondary-border);color:var(--button-secondary-color)}.secondary-button:hover{background-color:var(--button-secondary-hover-bg);border-color:var(--button-secondary-hover-border);color:var(--button-secondary-hover-color)}.secondary-button.disabled,.secondary-button:disabled{background-color:var(--button-secondary-disabled-bg);border-color:var(--button-secondary-disabled-border);color:var(--button-secondary-disabled-color);cursor:not-allowed;pointer-events:none}.secondary-button.hollow{background-color:transparent;border-color:var(--button-secondary-hollow-border);color:var(--button-secondary-hollow-color)}.secondary-button.hollow:hover{background-color:var(--button-secondary-hollow-hover-bg);color:var(--button-secondary-hollow-hover-color)}.secondary-button.hollow.light{border-color:var(--button-secondary-hollow-light-border);color:var(--button-secondary-hollow-light-color)}.secondary-button.hollow.light:hover{background-color:var(--button-secondary-hollow-light-hover-bg);color:var(--button-secondary-hollow-light-hover-color)}.tertiary-button{padding:10px 2px;background:0 0;border:none;border-bottom:3px solid var(--button-tertiary-border);border-radius:0;color:var(--button-tertiary-color);align-self:flex-start}.tertiary-button:hover{border-bottom-color:var(--button-tertiary-hover-border)}.tertiary-button.light{color:var(--button-tertiary-light-color)}.tertiary-button.small,.tertiary-button.tiny{padding-top:8px;padding-bottom:8px}:is(.primary-button,.secondary-button).tiny{font-size:var(--button-font-size-tiny);padding:var(--button-py-tiny) var(--button-px-tiny)}:is(.primary-button,.secondary-button).small{font-size:var(--button-font-size-small);padding:var(--button-py-small) var(--button-px-small)}:is(.primary-button,.secondary-button).large{font-size:var(--button-font-size-large);padding:var(--button-py-large) var(--button-px-large)}.tertiary-button.tiny{font-size:var(--button-font-size-tiny)}.tertiary-button.small{font-size:var(--button-font-size-small)}.tertiary-button.large{font-size:var(--button-font-size-large)}