.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-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}}.react-button{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-primary-blue);--button-bg-hover: var(--color-bright-blue);--button-color: var(--color-white)}.react-button.react-button--outline-blue{--button-bg: transparent;--button-bg-hover: transparent;--button-color: var(--color-primary-blue);--button-border-color: var(--color-primary-blue);padding:0 1.5rem}@media (hover: hover){.react-button.react-button--outline-blue:hover{--button-color: var(--color-bright-blue);--button-border-color: var(--color-bright-blue)}}.react-button.react-button--transparent{--button-bg: transparent;--button-bg-hover: transparent;--button-color: var(--color-white)}@media (hover: hover){.react-button.react-button--transparent:hover{--button-color: var(--color-golden);--button-border-color: var(--color-golden)}}.react-button[disabled]{--button-bg: var(--color-light-grey);cursor:auto}
