.modeo-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:22px;font-weight:600;font-family:inherit;transition:all 0.2s ease;cursor:pointer;border:none;text-decoration:none;outline:none;position:relative;white-space:nowrap}.modeo-button:focus-visible{outline:2px solid var(--primary,#cc1616);outline-offset:2px}.modeo-button:disabled,.modeo-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.modeo-button--loading{cursor:wait}.modeo-button__text{display:inline-block}.modeo-button__spinner{display:inline-flex;align-items:center;margin-right:.5rem}.modeo-button__spinner-icon{width:1rem;height:1rem;animation:spin 1s linear infinite}.modeo-button__spinner-circle{opacity:.25}.modeo-button__spinner-path{opacity:.75}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.modeo-button--sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.modeo-button--md{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.modeo-button--lg{padding:.75rem 2rem;font-size:.875rem;line-height:1.5rem}@media (min-width:640px){.modeo-button--lg{padding:1rem 2.5rem;font-size:1rem}}@media (min-width:1024px){.modeo-button--lg{padding:1.25rem 3rem;font-size:1.125rem}}.modeo-button--primary{background-color:var(--primary,#cc1616);color:#fff}.modeo-button--primary:hover:not(:disabled):not(.modeo-button--disabled){background-color:rgb(204 22 22 / .9)}.modeo-button--primary:focus-visible{outline-color:rgb(204 22 22 / .5)}.modeo-button--secondary{background-color:#4b5563;color:#fff}.modeo-button--secondary:hover:not(:disabled){background-color:#374151}.modeo-button--secondary:focus-visible{outline-color:#6b7280}.modeo-button--outline{background-color:#fff0;border:1px solid #d1d5db;color:#374151}.modeo-button--outline:hover:not(:disabled){background-color:#f9fafb}.modeo-button--outline:focus-visible{outline-color:var(--primary,#cc1616)}.modeo-button--ghost{background-color:#fff0;color:#374151}.modeo-button--ghost:hover:not(:disabled){background-color:#f3f4f6}.modeo-button--ghost:focus-visible{outline-color:#6b7280}.modeo-button--light{background-color:#fff;color:#111827;border:1px solid #e5e7eb}.modeo-button--light:hover:not(:disabled){background-color:#f9fafb;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px 0 rgb(0 0 0 / .06)}.modeo-button--light:focus-visible{outline-color:var(--primary,#cc1616)}.modeo-button--danger{background-color:#dc2626;color:#fff}.modeo-button--danger:hover:not(:disabled){background-color:#b91c1c}.modeo-button--danger:focus-visible{outline-color:#ef4444}.modeo-button--white{background-color:#fff;color:#111827;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05);font-weight:600}.modeo-button--white:hover:not(:disabled){background-color:#f9fafb;box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 10px 10px -5px rgb(0 0 0 / .04)}.modeo-button--white:focus-visible{outline-color:rgb(255 255 255 / .5)}.modeo-button--white-outline{background-color:#fff0;border:2px solid rgb(255 255 255 / .3);color:#fff;font-weight:600}.modeo-button--white-outline:hover:not(:disabled){border-color:rgb(255 255 255 / .6);background-color:rgb(255 255 255 / .1)}.modeo-button--white-outline:focus-visible{outline-color:rgb(255 255 255 / .5)}.modeo-button--promo{background-color:#fff;color:var(--primary,#cc1616);border-radius:9999px;font-weight:700;font-size:.875rem;padding:.75rem 1.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05);overflow:hidden;position:relative}.modeo-button--promo::before{content:'';position:absolute;inset:0;background-color:var(--primary,#cc1616);transform:translateY(100%);transition:transform 0.3s ease-out;z-index:0}.modeo-button--promo:hover:not(:disabled)::before{transform:translateY(0)}.modeo-button--promo .modeo-button__text{position:relative;z-index:10;transition:color 0.3s ease}.modeo-button--promo:hover:not(:disabled) .modeo-button__text{color:#fff}.modeo-button--promo:hover:not(:disabled){box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 10px 10px -5px rgb(0 0 0 / .04);transform:scale(1.05) translateY(-4px)}.modeo-button--promo:focus-visible{outline-color:rgb(255 255 255 / .5);outline-offset:4px}.modeo-button--promo-coming-soon{background-color:#6b7280;color:#fff;border-radius:.75rem;font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0 / .2),0 4px 6px -2px rgb(0 0 0 / .1);cursor:not-allowed;opacity:1;backdrop-filter:blur(4px);pointer-events:none}.modeo-button--promo-coming-soon:hover{opacity:1;transform:none;box-shadow:0 10px 15px -3px rgb(0 0 0 / .2),0 4px 6px -2px rgb(0 0 0 / .1);background-color:#6b7280}.modeo-button--black,.modeo-button--dark{background-color:#000;color:#fff;font-weight:500}.modeo-button--black:hover:not(:disabled):not(.modeo-button--disabled),.modeo-button--dark:hover:not(:disabled):not(.modeo-button--disabled){background-color:#111827;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px 0 rgb(0 0 0 / .06)}.modeo-button--black:focus-visible,.modeo-button--dark:focus-visible{outline-color:rgb(0 0 0 / .5);outline-offset:2px}@media (max-width:768px){.modeo-button--lg{padding:.625rem 1.25rem;font-size:.9375rem}}