.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.5rem 1rem;font-weight:var(--font-weight-semibold);text-align:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;font-family:inherit;font-size:var(--font-size-sm)}.btn[data-variant=primary]{background-color:var(--color-primary);color:#fff}.btn[data-variant=primary]:hover{background-color:var(--color-teal-600)}.btn[data-variant=secondary]{background-color:var(--color-slate-600);color:#fff}.btn[data-variant=secondary]:hover{background-color:var(--color-slate-700)}.btn[data-variant=outline]{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn[data-variant=outline]:hover{background-color:var(--color-primary);color:#fff}.btn[data-size=sm]{padding:.375rem .75rem;font-size:var(--font-size-xs)}.btn[data-size=md]{padding:.5rem 1rem;font-size:var(--font-size-sm)}.btn[data-size=lg]{padding:.75rem 1.5rem;font-size:var(--font-size-base)}.btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[data-loading=true]{position:relative;color:transparent}.btn[data-loading=true]:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}