@keyframes fadeIn-d06f2a61{0%{opacity:0}to{opacity:1}}@keyframes slideUp-d06f2a61{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-d06f2a61{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-d06f2a61{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse-d06f2a61{0%,to{opacity:1}50%{opacity:.5}}.button-demo[data-v-d06f2a61]{background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh;padding:3rem 0}.button-demo__header[data-v-d06f2a61]{margin-bottom:4rem;text-align:center}.button-demo__header h1[data-v-d06f2a61]{color:var(--color-primary);font-size:2.25rem;font-weight:700;margin-bottom:1rem}.button-demo__header p[data-v-d06f2a61]{color:var(--color-text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.button-demo__main[data-v-d06f2a61]{margin:0 auto;max-width:1200px}.demo-section[data-v-d06f2a61]{margin-bottom:4rem}.demo-section h2[data-v-d06f2a61]{border-bottom:2px solid var(--color-border);color:var(--color-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.demo-grid[data-v-d06f2a61]{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.demo-item[data-v-d06f2a61]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden;padding:1.5rem}.demo-item h3[data-v-d06f2a61]{color:var(--color-text-primary);font-size:1.125rem;font-weight:500;margin-bottom:1rem}.button-group[data-v-d06f2a61]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:639px){.button-demo[data-v-d06f2a61]{padding:1.5rem 0}.button-demo__header[data-v-d06f2a61]{margin-bottom:3rem}.button-demo__header h1[data-v-d06f2a61]{font-size:1.875rem}.button-demo__header p[data-v-d06f2a61]{font-size:1rem}.demo-grid[data-v-d06f2a61]{gap:1.5rem;grid-template-columns:1fr}.button-group[data-v-d06f2a61]{align-items:stretch;flex-direction:column}.button-group .button[data-v-d06f2a61]{width:100%}}