[data-button]{cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .2s;display:inline-flex}[data-button][data-button-size=xs]{padding:4px 8px;font-size:12px}[data-button][data-button-size=sm]{padding:6px 12px;font-size:13px}[data-button][data-button-size=md]{padding:8px 16px;font-size:14px}[data-button][data-button-size=lg]{padding:10px 20px;font-size:16px}[data-button][data-button-size=xl]{padding:12px 24px;font-size:18px}[data-button][data-button-variant=primary]{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none}[data-button][data-button-variant=secondary]{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:none}[data-button][data-button-variant=outline]{color:hsl(var(--foreground));border:1px solid hsl(var(--border));background-color:#0000}[data-button][data-button-variant=ghost]{color:hsl(var(--foreground));background-color:#0000;border:none}[data-button][data-button-variant=destructive]{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border:none}[data-button][data-button-shape=default]{border-radius:8px}[data-button][data-button-shape=rounded]{border-radius:12px}[data-button][data-button-shape=pill]{border-radius:999px}[data-button]:hover{opacity:.9;transform:translateY(-1px)}[data-button]:active{transform:translateY(0)}[data-button-wrapper]{margin:16px 0}[data-button-wrapper][data-align=left]{text-align:left}[data-button-wrapper][data-align=center]{text-align:center}[data-button-wrapper][data-align=right]{text-align:right}