.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:100px;font-size:14px;font-weight:500;line-height:1;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;outline:none;text-decoration:none;flex-shrink:0}.btn:focus-visible{outline:2px solid #888;outline-offset:2px}.btn:disabled,.btn[disabled]{pointer-events:none;opacity:.5}.btn-variant-default{background:linear-gradient(0deg,#111,#333);color:#fff;border-color:#111;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.btn-variant-default:hover{background:linear-gradient(0deg,#333,#555);border-color:#333}.btn-variant-destructive{background-color:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.btn-variant-destructive:hover{background-color:#dc2626;border-color:#dc2626}.btn-variant-outline{background-color:#fff;color:#333;border-color:#e5e5e5;box-shadow:0 1px 2px 0 rgba(0,0,0,.04)}.btn-variant-outline:hover{background-color:#f5f5f5;border-color:#ddd}.btn-variant-secondary{background-color:#f5f5f5;color:#111;border-color:#e5e5e5;box-shadow:0 1px 2px 0 rgba(0,0,0,.04)}.btn-variant-secondary:hover{background-color:#ebebeb}.btn-variant-ghost{background-color:transparent;color:#333;border-color:transparent}.btn-variant-ghost:hover{background-color:#f5f5f5}.btn-variant-link{background-color:transparent;color:#111;border-color:transparent;text-underline-offset:4px}.btn-variant-link:hover{text-decoration:underline}.btn-variant-white{background-color:#fff;color:#111;border-color:#ddd}.btn-variant-white:hover{background-color:#f7f7f7;border-color:#ccc;color:#111}.btn-size-default{height:40px;padding:0 16px}.btn-size-sm{height:32px;padding:0 12px;gap:6px}.btn-size-lg{height:40px;padding:0 24px}.btn-size-xl{height:68px;padding:0 40px;font-size:24px;gap:12px}.btn-size-icon{width:36px;height:36px;padding:0}