.btn{align-items:center;border:1px solid transparent;border-radius:var(--button-border-radius,.375rem);box-shadow:var(--button-shadow,0 1px 2px 0 rgba(0,0,0,.05));cursor:pointer;display:inline-flex;font-size:var(--button-font-size,.875rem);font-weight:var(--button-font-weight,500);justify-content:center;line-height:1.25rem;margin:var(--button-margin-top,0) var(--button-margin-right,0) var(--button-margin-bottom,0) var(--button-margin-left,0);padding:var(--button-padding-top,.5rem) var(--button-padding-right,1rem) var(--button-padding-bottom,.5rem) var(--button-padding-left,1rem);text-decoration:none;transition:var(--button-transition,all .2s ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:140px}.btn:focus{box-shadow:var(--primary-button-color,0 0 0 2px);outline:2px solid transparent;outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-sm{font-size:.75rem;line-height:1rem;padding:.25rem .75rem}.btn-lg{font-size:1rem;line-height:1.5rem;padding:.75rem 1.5rem}.btn-xl{font-size:1.125rem;line-height:1.75rem;padding:1rem 2rem}.btn-primary{background-color:var(--primary-button-color);border-color:var(--primary-button-border-color);color:var(--primary-button-text-color)}.btn-primary:hover{opacity:.9}.btn-primary:active{background-color:var(--primary-button-color);border-color:var(--primary-button-color);opacity:.8}.btn-secondary{background-color:var(--secondary-button-color);border-color:var(--secondary-button-border-color);color:var(--secondary-button-text-color)}.btn-secondary:hover{opacity:.9}.btn-secondary:active{opacity:.8}.btn-success{background-color:#10b981;border-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669;border-color:#059669}.btn-success:active{background-color:#047857;border-color:#047857}.btn-danger{background-color:#ef4444;border-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.btn-danger:active{background-color:#b91c1c;border-color:#b91c1c}.btn-warning{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.btn-warning:hover{background-color:#d97706;border-color:#d97706}.btn-warning:active{background-color:#b45309;border-color:#b45309}.btn-outline{background-color:transparent;border-color:#d1d5db;color:#374151}.btn-outline:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-outline:active{background-color:#f3f4f6;border-color:#6b7280}.btn-ghost{background-color:transparent;border-color:transparent;color:#374151}.btn-ghost:hover{background-color:#f3f4f6;color:#111827}.btn-ghost:active{background-color:#e5e7eb;color:#111827}.btn-dark{background-color:#1f2937;border-color:#1f2937;color:#fff}.btn-dark:hover{background-color:#111827;border-color:#111827}.btn-dark:active{background-color:#000;border-color:#000}.btn-light{background-color:#f9fafb;border-color:#e5e7eb;color:#374151}.btn-light:hover{background-color:#f3f4f6;border-color:#d1d5db}.btn-light:active{background-color:#e5e7eb;border-color:#9ca3af}.btn-icon{height:2.5rem;padding:.5rem;width:2.5rem}.btn-icon.btn-sm{height:2rem;padding:.25rem;width:2rem}.btn-icon.btn-lg{height:3rem;padding:.75rem;width:3rem}.btn-block{display:flex;width:100%}.btn-rounded{border-radius:9999px}.btn-square{border-radius:0}.btn-loading{color:transparent;position:relative}.btn-loading:after{animation:btn-spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:1rem;left:50%;margin:-.5rem 0 0 -.5rem;position:absolute;top:50%;width:1rem}@keyframes btn-spin{to{transform:rotate(1turn)}}