.ys-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ys-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:var(--ys-button-radius);border:2px solid var(--ys-ink);font-family:var(--ys-body);font-size:16px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.ys-btn--primary{background:var(--ys-crayon);color:var(--ys-ink);box-shadow:0 4px 0 var(--ys-ink)}
.ys-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ys-ink)}
.ys-btn--ghost{background:var(--ys-white);color:var(--ys-ink)}
.ys-btn--ghost:hover{background:var(--ys-tint)}
.ys-btn--light{background:var(--ys-crayon);color:var(--ys-ink);border-color:var(--ys-crayon);box-shadow:none}
.ys-btn--light:hover{background:var(--ys-crayon-2);border-color:var(--ys-crayon-2)}
.ys-btn--dark{background:var(--ys-ink);color:var(--ys-white);box-shadow:none}
.ys-btn--dark:hover{background:var(--ys-ink-2)}
.ys-wrap{width:100%;max-width:var(--ys-wrap);margin:0 auto;padding:0 24px}
@media(max-width:640px){.ys-wrap{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.ys-component *,.ys-component *::before,.ys-component *::after{transition:none!important;animation:none!important}}