.fancy-button{cursor:pointer;text-transform:uppercase;letter-spacing:10%;color:#111;background-color:#fff;border:none;border-radius:.25rem;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 1rem;font-family:Francois One,sans-serif;font-size:14px;font-weight:400;transition:color .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.fancy-button--loading{cursor:not-allowed;opacity:.85}.fancy-button--loading .fancy-button__content{opacity:0;visibility:hidden;transition:opacity .2s}.fancy-button--loading .fancy-button__hover-strip{display:none}.fancy-button__spinner{z-index:3;border:2px solid rgba(0,0,0,.1);border-top-color:#e30004;border-radius:50%;width:1.25em;height:1.25em;animation:.8s linear infinite fancy-btn-spin;position:absolute}@keyframes fancy-btn-spin{to{transform:rotate(360deg)}}.fancy-button__icon{z-index:2;justify-content:center;align-items:center;display:inline-flex}.fancy-button__icon--prefix{margin-right:.25rem}.fancy-button__icon--suffix{margin-left:.25rem}.fancy-button__label{z-index:2;color:#000}.fancy-button__content,.fancy-button__label,.fancy-button__icon{z-index:2;position:relative}.fancy-button__hover-strip{z-index:1;background-color:#e30004;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%;transform:translate(0%)}.fancy-button:hover{color:#fff}.fancy-button:hover .fancy-button__hover-strip{transform:translate(100%)}.fancy-button--light{color:#111;background-color:#fff}.fancy-button--light .fancy-button__content,.fancy-button--light .fancy-button__label,.fancy-button--light .fancy-button__icon{color:#111}.fancy-button--light .fancy-button:hover{color:#fff}.fancy-button--dark{color:#fff;background-color:#111}.fancy-button--dark .fancy-button__content,.fancy-button--dark .fancy-button__label,.fancy-button--dark .fancy-button__icon,.fancy-button--dark .fancy-button:hover{color:#fff}.fancy-button--dark .fancy-button__spinner{border-color:#e30004 rgba(255,255,255,.2) rgba(255,255,255,.2)}@media (min-width:640px){.fancy-button{border-radius:.25rem;gap:.5rem;padding:.75rem 1.5rem;font-size:16px}.fancy-button__icon--prefix{margin-right:.5rem}.fancy-button__icon--suffix{margin-left:.5rem}}@media (min-width:768px){.fancy-button{border-radius:.25rem;gap:.75rem;padding:.75rem 2rem;font-size:18px}.fancy-button__icon--prefix{margin-right:.75rem}.fancy-button__icon--suffix{margin-left:.75rem}}@media (min-width:1024px){.fancy-button{border-radius:.25rem;gap:1rem;padding:.75rem 2rem;font-size:20px}.fancy-button__icon--prefix{margin-right:1rem}.fancy-button__icon--suffix{margin-left:1rem}}