:root{--demo-blue:#51b0e3;--demo-blue-hover:#60b7e8;--demo-label-size:.875rem;--demo-inline-space:calc(11em / 7)}.demo-button.demo-button{padding:.5em var(--demo-inline-space);font-size:var(--demo-label-size);letter-spacing:normal;white-space:nowrap;background:var(--demo-blue);color:#fff;justify-content:center;align-items:center;font-weight:400;line-height:1.2;transition:background-color .16s;display:inline-flex}.demo-button.demo-button:hover{background:var(--demo-blue-hover)}.demo-button.demo-button--large{font-size:min(calc(var(--demo-label-size) * 1.4), 6cqw);padding:.55em 1.1em}@media (max-width:1000px){:root{--demo-label-size:.75rem;--demo-inline-space:1em}}