.react-button-close{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;background-color:transparent;height:2.25rem;width:2.25rem;padding:.5625rem;transition:opacity .3s ease}.react-button-close:before,.react-button-close:after{content:"";position:absolute;top:50%;left:.5625rem;width:1.4375rem;height:2px;background-color:var(--color-theme-react-button-close-bg, var(--color-light-grey));transition:background-color .3s ease}.react-button-close:before{transform:translateY(-50%) rotate(45deg)}.react-button-close:after{transform:translateY(-50%) rotate(-45deg)}@media (hover: hover){.react-button-close:hover{opacity:.7}}:root.theme-alternative .react-button{--color-theme-react-button-borderColor: transparent;--color-theme-react-button-bg: var(--color-red);--color-theme-react-button-color: var(--color-white);--color-theme-react-button-bgHover: var(--color-accent-red);--color-theme-react-button-blueBg: var(--color-red);--color-theme-react-button-blueBgHover: var(--color-accent-red);--color-theme-react-button-blueColor: var(--color-white);--color-theme-react-button-outlineBlueBorderColorHover: var(--color-sky-blue);--color-theme-react-button-outlineBlueColorHover: var(--color-sky-blue)}.react-button{--button-border-color: var(--color-theme-react-button-borderColor);--button-bg: var(--color-theme-react-button-bg);--button-color: var(--color-theme-react-button-color);--button-bg-hover: var(--color-theme-react-button-bgHover);position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;height:var(--button-height, 3rem);padding:1rem 1.5rem .875rem;border:1px solid var(--button-border-color, transparent);border-radius:.375rem;text-align:center;cursor:pointer;text-decoration:none;background-color:var(--button-bg, var(--color-golden));color:var(--button-color, var(--color-primary-grey));transition:background-color .3s,border-color .3s,color .3s}@media (min-width: 1280px){.react-button{--button-height: 3.125rem}}@media (hover: hover){.react-button:hover:not([disabled]){background-color:var(--button-bg-hover, var(--color-bright-gold))}}.react-button.react-button--blue{--button-bg: var(--color-theme-react-button-blueBg, var(--color-primary-blue));--button-bg-hover: var(--color-theme-react-button-blueBgHover, var(--color-bright-blue));--button-color: var(--color-theme-react-button-blueColor, var(--color-white))}.react-button.react-button--outline-blue{--button-bg: var(--color-theme-react-button-outlineBlueBg, transparent);--button-bg-hover: var(--color-theme-react-button-outlineBlueBgHover, transparent);--button-color: var(--color-theme-react-button-outlineBlueColor, var(--color-primary-blue));--button-border-color: var(--color-theme-react-button-outlineBlueBorderColor, var(--color-primary-blue));padding:0 1.5rem}@media (hover: hover){.react-button.react-button--outline-blue:hover{--button-color: var(--color-theme-react-button-outlineBlueColorHover, var(--color-bright-blue));--button-border-color: var(--color-theme-react-button-outlineBlueBorderColorHover, var(--color-bright-blue))}}.react-button.react-button--transparent{--button-bg: var(--color-theme-react-button-transparentBg, transparent);--button-bg-hover: var(--color-theme-react-button-transparentBgHover, transparent);--button-color: var(--color-theme-react-button-transparentColor, var(--color-white))}@media (hover: hover){.react-button.react-button--transparent:hover{--button-color: var(--color-theme-react-button-transparentColorHover, var(--color-golden));--button-border-color: var(--color-theme-react-button-transparentBorderColorHover, var(--color-golden))}}.react-button[disabled]{--button-bg: var(--color-theme-react-button-bgDisabled, var(--color-light-grey));cursor:auto}