:root{--btn-radius:6px;--btn-transition:all 0.2s ease}.btn{border:2px solid transparent;border-radius:var(--btn-radius);cursor:pointer;display:inline-block;font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1.5;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:var(--btn-transition)}.btn:hover{opacity:1;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(0deg,transparent,rgba(0,0,0,.2)),#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 2px 0 rgba(0,0,0,.04);color:#050505}.c{background-color:#333;border-color:#333;color:#fff}.btn-secondary{background-color:transparent;border-color:#333;color:#333}.btn-secondary:hover{background-color:#333;color:#fff}.btn-outline{background-color:transparent;border-color:#d1d5db;color:#333}.btn-outline:hover{background-color:#f9fafb;border-color:#333}.btn-ghost{background-color:transparent;border-color:transparent;color:#333}.btn-ghost:hover,.btn-light{background-color:#f9fafb}.btn-light{border-color:#f9fafb;color:#333}.btn-light:hover{background-color:#f3f4f6;border-color:#f3f4f6}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.btn-xl{font-size:1.25rem;padding:1.25rem 2.5rem}.btn-block{display:block;width:100%}.btn-group{display:inline-flex;gap:.5rem}.btn-group .btn{margin:0}.btn-icon{align-items:center;display:inline-flex;gap:.5rem}.btn-icon img,.btn-icon svg{height:1.25rem;width:1.25rem}.btn.loading{color:transparent;pointer-events:none;position:relative}.btn.loading:after{animation:spinner .6s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;content:"";height:1rem;left:50%;margin-left:-.5rem;margin-top:-.5rem;position:absolute;top:50%;width:1rem}@keyframes spinner{to{transform:rotate(1turn)}}