.c-button{position:relative;margin:.25rem;display:inline-block;overflow:hidden;border-radius:.375rem;border-width:1px;border-color:transparent;outline:2px solid transparent;outline-offset:2px;transition:transform .25s var(--transition-easing)}.c-button:after{position:absolute;top:0;left:0;height:100%;width:100%;content:""}.c-button:not(:disabled):hover:after{background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .3}.c-button:not(:disabled):hover:is(.dark *):after{background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .1}.c-button:not(:disabled):active:after{background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .05}.c-button.primary{--tw-bg-opacity: 1;background-color:rgb(66 138 250 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.c-button.secondary{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.c-button.secondary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.c-button.success{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.c-button.danger{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.c-button.warning{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.c-button.bordered{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.c-button.bordered:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.c-button.xs{padding:.25rem;font-size:.75rem;line-height:1rem}.c-button.sm{padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.c-button.md{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.c-button.lg{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.75rem}.c-button.xl{padding:1rem 2rem;font-size:1.5rem;line-height:2rem}.c-button>*{z-index:2}.c-button:disabled{cursor:not-allowed}.c-button:disabled:after{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent 100%);background-size:11.31px 11.31px}.c-button:not(:disabled){cursor:pointer}.c-button:not(:disabled):active{transform:scale(.95)}