:root{--color-button-default:#2563EB;--color-button-hover:#3B82F6;--color-button-disabled:#1E293B;--color-button-text-disabled:#94A3B8}body{justify-content:center;gap:1em}h1{color:var(--color-text-light)}.buttons{display:flex;gap:.5em}button{user-select:none;border:none;background:var(--color-button-default);color:var(--color-text-light);padding:12px 24px;border-radius:8px;transition:background .2s ease;&:disabled{background:var(--color-button-disabled);color:var(--color-button-text-disabled)}&:hover:not(:disabled){cursor:pointer;background:var(--color-button-hover)}}