.btn{white-space:nowrap;cursor:pointer;color:inherit;background:0 0;border:none;border-radius:.375rem;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:all .2s ease-in-out;display:inline-flex}.btn:hover:not(:disabled){transform:scale(1.05)}.btn:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.btn[aria-invalid=true]{border-color:#ef4444}.btn-primary,.btn-create{background-color:var(--color-swx-red);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled),.btn-create:hover:not(:disabled){background-color:#c62d3b;transform:scale(1.05)}.btn-primary:focus,.btn-create:focus{box-shadow:0 0 0 3px #e635454d}.btn-active{background-color:var(--color-swx-red);color:#fff;border:1px solid var(--color-swx-red);box-shadow:0 1px 2px #0000000d}.btn-active:hover:not(:disabled){background-color:#c62d3b;transform:scale(1.05)}.btn-outline{border:1px solid var(--color-swx-border);color:inherit;background-color:#fff;box-shadow:0 1px 2px #0000000d}.btn-outline:hover:not(:disabled){background-color:var(--color-swx-gray-50)}.btn-secondary{background-color:var(--color-swx-gray-100);color:var(--color-swx-gray-800);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover:not(:disabled){background-color:var(--color-swx-gray-200);transform:scale(1.05)}.btn-ghost{color:inherit;background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-swx-gray-50)}.btn-link{color:var(--color-swx-red);text-underline-offset:4px;background-color:#0000;height:auto;padding:0;text-decoration:underline}.btn-link:hover:not(:disabled){text-decoration:none}.btn-destructive{color:#fff;background-color:#ef4444;box-shadow:0 1px 2px #0000000d}.btn-destructive:hover:not(:disabled){background-color:#dc2626;transform:scale(1.05)}.btn-glass{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}.btn-glass:hover:not(:disabled){background-color:#000c;transform:scale(1.05)}.btn-cta{background-color:var(--color-swx-red);color:#fff;font-weight:500}.btn-cta:hover:not(:disabled){background-color:#c62d3b;transform:scale(1.05)}.btn-outline-dark{color:var(--color-swx-gray-200);border:1px solid var(--color-swx-gray-600);background-color:#0000}.btn-outline-dark:hover:not(:disabled){background-color:var(--color-swx-gray-700);color:#fff}.btn-xs{height:1.75rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}.btn-sm{height:2.25rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem}.btn-lg{height:2.75rem;padding-left:2rem;padding-right:2rem}.btn-xl{height:3rem;padding-left:2.5rem;padding-right:2.5rem;font-size:1rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0}.btn-pill{border-radius:9999px}.btn-circle{border-radius:9999px;width:2.75rem;height:2.75rem;padding:0}.btn-circle.btn-sm{width:2rem;height:2rem}.btn-circle.btn-lg{width:3rem;height:3rem}.btn-full{width:100%}.btn-spinner{animation:1s linear infinite btn-spin}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn svg{pointer-events:none;flex-shrink:0}.btn svg:not([class*=size-]){width:1rem;height:1rem}