.demo-card .demo-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;max-width:100%;margin:14px 0 0;padding:10px 15px;border:1px solid #9ccec84d;border-radius:9px;background:#67e8d60b;color:#b7e8e1;font-family:var(--interface-font);font-size:14px;font-weight:500;line-height:1.5;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff06;transition:background-color 260ms ease,border-color 260ms ease,color 260ms ease,box-shadow 260ms ease,transform 260ms var(--motion-ease)}
.demo-save-icon{flex:none;transition:fill 260ms ease,transform 300ms var(--motion-ease)}
.demo-card .demo-save[aria-pressed=true]{background:#67e8d61a;border-color:#67e8d66b;color:var(--action)}
.demo-save[aria-pressed=true] .demo-save-icon{fill:#67e8d635}
.demo-card .demo-save:focus-visible{outline:2px solid var(--action);outline-offset:4px;box-shadow:0 0 0 5px #67e8d610}
.demo-card .demo-save:active:not(:disabled){transform:translateY(1px);background:#67e8d626}
.demo-card .demo-save:disabled{opacity:.6;cursor:wait}
@media(hover:hover){.demo-card .demo-save:hover:not(:disabled){background:#67e8d61a;border-color:#67e8d68c;color:#d9fff8;box-shadow:0 4px 18px #67e8d60c;transform:translateY(-1px)}.demo-save:hover:not(:disabled) .demo-save-icon{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.demo-card .demo-save,.demo-save-icon{transition:none!important;transform:none!important}}