.btn{font-family:var(--font-body), "Instrument Sans", sans-serif;font-weight:var(--w-medium);font-size:var(--t-300);border:2px solid var(--ink);white-space:nowrap;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:15px 28px;text-decoration:none;transition:background .28s,color .28s,border-color .28s,transform .28s,box-shadow .28s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--ink);--sel-bg:var(--yellow);--sel-fg:var(--ink);color:var(--paper);box-shadow:inset 0 -4px 0 var(--yellow)}.btn.primary-dark{border-color:var(--paper);background:var(--paper);--sel-bg:var(--yellow);--sel-fg:var(--ink);color:var(--ink);box-shadow:inset 0 -4px 0 var(--yellow)}.btn:is(.primary,.primary-dark,.ghost,.outline){isolation:isolate;position:relative;overflow:hidden}.btn:is(.ghost,.outline){--sel-bg:var(--yellow);--sel-fg:var(--ink);min-height:52px;color:inherit;box-shadow:inset 0 0 0 1px rgb(var(--yellow-rgb) / 0);background:0 0;border:1px solid;border-radius:2px;padding:0 30px}.btn:is(.primary,.primary-dark,.ghost,.outline):before{content:"";z-index:0;pointer-events:none;background:linear-gradient(105deg, transparent 17%, rgb(var(--yellow-rgb) / .25) 48%, transparent 76%);transition:transform .65s cubic-bezier(.22,.61,.36,1);position:absolute;inset:-1px;transform:translate(-125%)}.btn__signal-content{z-index:1;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.btn:is(.primary,.primary-dark,.ghost,.outline):is(:hover,:focus-visible):not(:disabled){border-color:rgb(var(--yellow-rgb) / .74);box-shadow:inset 0 0 0 1px rgb(var(--yellow-rgb) / .18), 0 0 24px rgb(var(--yellow-rgb) / .12);transform:translateY(-2px)}.btn.primary:is(:hover,:focus-visible):not(:disabled){background:var(--ink);color:var(--paper);box-shadow:inset 0 -4px 0 var(--yellow), inset 0 0 0 1px rgb(var(--yellow-rgb) / .18), 0 0 24px rgb(var(--yellow-rgb) / .12)}.btn.primary-dark:is(:hover,:focus-visible):not(:disabled){border-color:var(--paper);background:var(--paper);color:var(--ink);box-shadow:inset 0 -4px 0 var(--yellow), inset 0 0 0 1px rgb(var(--yellow-rgb) / .18), 0 0 24px rgb(var(--yellow-rgb) / .12)}.btn:is(.ghost,.outline):is(:hover,:focus-visible):not(:disabled){color:inherit;background:0 0}.btn:is(.primary,.primary-dark,.ghost,.outline):is(:hover,:focus-visible):not(:disabled):before{transform:translate(125%)}.btn:is(.primary,.primary-dark,.ghost,.outline):active:not(:disabled){transform:translateY(0)}@media (prefers-reduced-motion:reduce){.btn:is(.primary,.primary-dark,.ghost,.outline),.btn:is(.primary,.primary-dark,.ghost,.outline):before{transition-duration:.01ms}}