:root{background:#fff;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}main{place-items:center;min-height:100vh;padding:24px;display:grid}button{color:#111;cursor:pointer;min-width:190px;min-height:72px;font:inherit;letter-spacing:.04em;background:#ffdc32;border:3px solid #111;border-radius:999px;padding:18px 34px;font-size:22px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:0 7px #111}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px #111}button:active:not(:disabled){transform:translateY(6px);box-shadow:0 1px #111}button:focus-visible{outline-offset:5px;outline:4px solid #7857ff}button:disabled{cursor:wait;opacity:.65}@media (prefers-reduced-motion:reduce){button{transition:none}}