:root{--yellow:#f8df6e;--yellow-deep:#edcf4c;--magenta:#d81e6e;--magenta-deep:#b3145a;--teal:#3eb4c6;--teal-deep:#2f97a8;--ink:#1a1512;--cream:#fff7dd}body{color:var(--ink);background-color:var(--yellow);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif}.btn{border:3px solid var(--ink);font:inherit;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);background:var(--cream);cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:.85rem 1.7rem;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn--magenta{background:var(--magenta);color:var(--cream)}.btn--teal{background:var(--teal)}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:4px 4px 0 var(--ink);transform:none}