.button-preview-grid[data-v-8d62a13d]{display:grid;width:100%;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl)}.button-preview-group[data-v-8d62a13d]{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);align-items:start;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.button-preview-group+.button-preview-group[data-v-8d62a13d]{padding-top:var(--spacing-2xl);border-top:1px solid var(--border-primary)}.button-preview-group h4[data-v-8d62a13d],.button-preview-group p[data-v-8d62a13d]{margin:0}.button-preview-group h4[data-v-8d62a13d]{color:var(--text-primary);font-size:var(--font-base);font-weight:800}.button-preview-group p[data-v-8d62a13d]{max-width:34ch;margin-top:var(--spacing-xs);color:var(--text-tertiary);font-size:var(--font-sm);line-height:var(--line-relaxed)}.button-preview-actions[data-v-8d62a13d],.button-preview-icon-list[data-v-8d62a13d]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.button-preview-icon-sample[data-v-8d62a13d]{display:grid;min-width:64px;justify-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);color:var(--text-tertiary);font-size:var(--font-xs);font-weight:700}@media(max-width:720px){.button-preview-group[data-v-8d62a13d]{grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg)}.button-preview-group p[data-v-8d62a13d]{max-width:56ch}}