.button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;font-family:var(--font-body--bold);text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;border-radius:3rem;padding:10px 1rem;min-height:45px;font-size:1.1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;position:relative}.button.sm{font-size:var(--fs-sm);padding:var(--sm-md) var(--md);min-height:35px}.button.disabled{opacity:.5;cursor:not-allowed}.button.primary{background:var(--yellow);color:var(--brown);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border:1px solid transparent}.button.primary .spin-icon{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}.button.primary .spin-icon path{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;fill:var(--brown)}.button.primary:not(.disabled):hover{background:var(--white);color:var(--red);border:1px solid var(--red)}.button.primary:not(.disabled):hover svg path{fill:var(--red)}.button.secondary{background:var(--red);color:var(--cream);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.button.secondary .spin-icon{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}.button.secondary .spin-icon path{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.button.secondary:not(.disabled):hover{background:var(--yellow);color:var(--brown)}.button.secondary:not(.disabled):hover svg path{fill:var(--brown)}.button.tertiary{background:var(--white);color:var(--brown);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.button.tertiary .spin-icon{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}.button.tertiary .spin-icon path{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.button.tertiary:not(.disabled):hover{background-color:var(--brown);color:var(--white)}.button.quaternary{background:var(--brown);color:var(--white);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.button.quaternary .spin-icon{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;-webkit-transform-origin:center;transform-origin:center;transform-box:fill-box}.button.quaternary .spin-icon path{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.button.quaternary:not(.disabled):hover{background-color:var(--red);color:var(--white)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.5);transform:rotate(180deg) scale(1.5)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes spin{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.5);transform:rotate(180deg) scale(1.5)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}