.button{--buttonHeight: 2.5rem;--buttonFontSize: .875rem;--buttonLineHeight: 1.125;--buttonPrimaryColor: #FFFFFF;--buttonPrimaryBackgroundColor: var(--primaryColorDark);--buttonPrimaryHoverColor: #FFFFFF;--buttonPrimaryHoverBackgroundColor: var(--primaryColor);--buttonPrimaryFocusColor: #FFFFFF;--buttonPrimaryFocusBackgroundColor: var(--primaryColorDark);--buttonPrimaryGhostColor: var(--primaryColorDark);--buttonPrimaryGhostBackgroundColor: #FFFFFF;--buttonPrimaryGhostBorderColor: var(--buttonPrimaryGhostColor);--buttonPrimaryGhostHoverBackgroundColor: #FFFFFF;--buttonPrimaryGhostHoverBackgroundColor: rgb(from var(--primaryColor) / 5%);--buttonPrimaryGhostHoverBorderColor: var(--primaryColor);--buttonPrimaryGhostHoverColor: var(--buttonPrimaryGhostHoverBorderColor);--buttonSecondaryColor: #FFFFFF;--buttonSecondaryBackgroundColor: var(--secondaryColor);--buttonSecondaryHoverColor: #FFFFFF;--buttonSecondaryHoverBackgroundColor: var(--secondaryColorDark);--buttonSecondaryFocusColor: #FFFFFF;--buttonSecondaryFocusBackgroundColor: var(--secondaryColor);--buttonSecondaryGhostColor: var(--secondaryColor);--buttonSecondaryGhostBackgroundColor: #FFFFFF;--buttonSecondaryGhostBorderColor: var(--buttonSecondaryGhostColor);--buttonSecondaryGhostHoverBackgroundColor: #FFFFFF;--buttonSecondaryGhostHoverBackgroundColor: rgb(from var(--secondaryColor) / 5%);--buttonSecondaryGhostHoverBorderColor: var(--secondaryColorDark);--buttonSecondaryGhostHoverColor: var(--buttonSecondaryGhostHoverBorderColor);--buttonTertiaryColor: #FFFFFF;--buttonTertiaryBackgroundColor: var(--tertiaryColor);--buttonTertiaryHoverColor: #FFFFFF;--buttonTertiaryHoverBackgroundColor: var(--tertiaryColorDark);--buttonTertiaryFocusColor: #FFFFFF;--buttonTertiaryFocusBackgroundColor: var(--tertiaryColor);--buttonTertiaryGhostColor: var(--tertiaryColor);--buttonTertiaryGhostBackgroundColor: #FFFFFF;--buttonTertiaryGhostBorderColor: var(--buttonTertiaryGhostColor);--buttonTertiaryGhostHoverBackgroundColor: #FFFFFF;--buttonTertiaryGhostHoverBackgroundColor: rgb(from var(--tertiaryColor) / 5%);--buttonTertiaryGhostHoverBorderColor: var(--tertiaryColorDark);--buttonTertiaryGhostHoverColor: var(--buttonTertiaryGhostHoverBorderColor);--buttonModalBackgroundColor: var(--blueColor700);--buttonModalBackgroundColorHover: var(--primaryColorDarkHover)}.button{font-size:var(--buttonFontSize);line-height:var(--buttonLineHeight);position:relative;cursor:pointer;width:auto;border-radius:var(--borderRadius);color:var(--buttonColor);display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;font-family:var(--fontFamily);font-weight:700;height:var(--buttonHeight);text-decoration:none;border:0;padding:.5rem 1rem;box-shadow:var(--buttonBoxShadow, var(--boxShadow1))}.button:hover{text-decoration:none}.button:disabled{cursor:default;opacity:.5}.button.button--plain{background-color:transparent;box-shadow:none}.button.button--primary{color:var(--buttonPrimaryColor);background-color:var(--buttonPrimaryBackgroundColor)}.button.button--primary:hover{color:var(--buttonPrimaryHoverColor);background-color:var(--buttonPrimaryHoverBackgroundColor)}.button.button--primary:focus{color:var(--buttonPrimaryFocusColor);background-color:var(--buttonPrimaryFocusBackgroundColor);outline:none;box-shadow:0 0 2px 3px var(--buttonPrimaryFocusBoxShadowColor)}.button.button--primary:active{color:var(--buttonPrimaryActiveColor, var(--buttonPrimaryHoverColor));background-color:var(--buttonPrimaryActiveBackgroundColor, var(--buttonPrimaryHoverBackgroundColor));box-shadow:inset 0 2px 12px #00000026}.button.button--primary-ghost{color:var(--buttonPrimaryGhostColor);background-color:var(--buttonPrimaryGhostBackgroundColor);border:1px solid var(--buttonPrimaryGhostBorderColor);transition:background-color .2s ease,border-color .2s ease}.button.button--primary-ghost:where(:hover,:focus){background-color:var(--buttonPrimaryGhostHoverBackgroundColor);border-color:var(--buttonPrimaryGhostHoverBorderColor);color:var(--buttonPrimaryGhostHoverColor);outline:none}.button.button--secondary{color:var(--buttonSecondaryColor);background-color:var(--buttonSecondaryBackgroundColor)}.button.button--secondary:hover{color:var(--buttonSecondaryHoverColor);background-color:var(--buttonSecondaryHoverBackgroundColor)}.button.button--secondary:focus{color:var(--buttonSecondaryFocusColor);background-color:var(--buttonSecondaryFocusBackgroundColor);outline:none;box-shadow:0 0 2px 3px var(--buttonSecondaryFocusBoxShadowColor)}.button.button--secondary:active{color:var(--buttonSecondaryActiveColor, var(--buttonSecondaryHoverColor));background-color:var(--buttonSecondaryActiveBackgroundColor, var(--buttonSecondaryHoverBackgroundColor));box-shadow:inset 0 2px 12px #00000026}.button.button--secondary-ghost{color:var(--buttonSecondaryGhostColor);background-color:var(--buttonSecondaryGhostBackgroundColor);border:1px solid var(--buttonSecondaryGhostBorderColor);transition:background-color .2s ease,border-color .2s ease}.button.button--secondary-ghost:where(:focus,:hover){background-color:var(--buttonSecondaryGhostHoverBackgroundColor);border-color:var(--buttonSecondaryGhostHoverBorderColor);color:var(--buttonSecondaryGhostHoverColor);outline:none}.button.button--tertiary{color:var(--buttonTertiaryColor);background-color:var(--buttonTertiaryBackgroundColor)}.button.button--tertiary:hover{color:var(--buttonTertiaryHoverColor);background-color:var(--buttonTertiaryHoverBackgroundColor)}.button.button--tertiary:focus{color:var(--buttonTertiaryFocusColor);background-color:var(--buttonTertiaryFocusBackgroundColor);outline:none;box-shadow:0 0 2px 3px var(--buttonTertiaryFocusBoxShadowColor)}.button.button--tertiary:active{color:var(--buttonTertiaryActiveColor, var(--buttonTertiaryHoverColor));background-color:var(--buttonTertiaryActiveBackgroundColor, var(--buttonTertiaryHoverBackgroundColor));box-shadow:inset 0 2px 12px #00000026}.button.button--tertiary-ghost{color:var(--buttonTertiaryGhostColor);background-color:var(--buttonTertiaryGhostBackgroundColor);border:1px solid var(--buttonTertiaryGhostBorderColor);transition:background-color .2s ease,border-color .2s ease}.button.button--tertiary-ghost:where(:hover,:focus){background-color:var(--buttonTertiaryGhostHoverBackgroundColor);border-color:var(--buttonTertiaryGhostHoverBorderColor);color:var(--buttonTertiaryGhostHoverColor);outline:none}