.AnswerButton-module__NVzkQG__track{--drag:0;--h:56px;--inset:6px;--slide:.52s;--track-bg:color-mix(in srgb, var(--ink) 7%, transparent);--track-fg:var(--ink);--on-blue:var(--emph-fg);--phone-blue:var(--ac);isolation:isolate;min-height:var(--h);border-radius:var(--r-pill);background:var(--track-bg);max-width:100%;color:var(--track-fg);font-size:var(--fs-base);font-weight:600;line-height:var(--lh-base);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.AnswerButton-module__NVzkQG__track[data-tone=ink]{--track-bg:var(--emph-fg);--track-fg:var(--emph)}.AnswerButton-module__NVzkQG__block{--h:64px;--label-size:clamp(15px, 5.1cqi, var(--fs-lg));width:100%;max-width:420px;margin-inline:auto;display:flex;container-type:inline-size}@media (max-width:640px){.AnswerButton-module__NVzkQG__track{--h:64px;--label-size:clamp(15px, 5.1cqi, var(--fs-lg));width:100%;max-width:420px;margin-inline:auto;display:flex;container-type:inline-size}}.AnswerButton-module__NVzkQG__track.AnswerButton-module__NVzkQG__track:hover{text-decoration:none}.AnswerButton-module__NVzkQG__track:focus-visible{outline:3px solid var(--ac);outline-offset:2px}.AnswerButton-module__NVzkQG__fill{z-index:-1;width:calc(var(--h) + var(--drag) * (100% - var(--h)));border-radius:inherit;background:var(--ac);transition:width var(--slide) var(--ease);position:absolute;inset:0 auto 0 0}.AnswerButton-module__NVzkQG__knob{top:var(--inset);left:calc(var(--inset) + var(--drag) * (100% - var(--h)));width:calc(var(--h) - 2 * var(--inset));height:calc(var(--h) - 2 * var(--inset));background:var(--ac);color:var(--on-blue);transition:left var(--slide) var(--ease), background-color var(--slide) var(--ease), color var(--slide) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute}.AnswerButton-module__NVzkQG__phone{rotate:calc(var(--drag) * -90deg);transition:rotate var(--slide) var(--ease);display:block}.AnswerButton-module__NVzkQG__label{padding:var(--s-3) var(--s-5) var(--s-3) calc(var(--h) + var(--s-4));font-size:var(--label-size,inherit);text-align:center;transition:padding var(--slide) var(--ease), color var(--slide) var(--ease), opacity var(--dur-color) var(--ease);flex:1;line-height:1.25}.AnswerButton-module__NVzkQG__track[data-dragging] .AnswerButton-module__NVzkQG__fill{transition:none}.AnswerButton-module__NVzkQG__track[data-dragging] .AnswerButton-module__NVzkQG__knob{transition:background-color var(--slide) var(--ease), color var(--slide) var(--ease)}.AnswerButton-module__NVzkQG__track[data-dragging] .AnswerButton-module__NVzkQG__phone{transition:none}.AnswerButton-module__NVzkQG__track[data-dragging]:not([data-on]) .AnswerButton-module__NVzkQG__label{opacity:calc(1 - var(--drag) * 3);transition:none}.AnswerButton-module__NVzkQG__track:focus-visible{--drag:1}.AnswerButton-module__NVzkQG__track:is(:focus-visible,[data-on]) .AnswerButton-module__NVzkQG__knob{background:var(--on-blue);color:var(--phone-blue)}.AnswerButton-module__NVzkQG__track:is(:focus-visible,[data-on]) .AnswerButton-module__NVzkQG__label{padding:var(--s-3) calc(var(--h) + var(--s-4)) var(--s-3) var(--s-5);color:var(--on-blue)}@media (hover:hover){.AnswerButton-module__NVzkQG__track:hover{--drag:1}.AnswerButton-module__NVzkQG__track:hover .AnswerButton-module__NVzkQG__knob{background:var(--on-blue);color:var(--phone-blue)}.AnswerButton-module__NVzkQG__track:hover .AnswerButton-module__NVzkQG__label{padding:var(--s-3) calc(var(--h) + var(--s-4)) var(--s-3) var(--s-5);color:var(--on-blue)}}.AnswerButton-module__NVzkQG__track[data-intro] .AnswerButton-module__NVzkQG__fill{animation:AnswerButton-module__NVzkQG__answer-fill 3.9s var(--ease) 1.2s 1 backwards}.AnswerButton-module__NVzkQG__track[data-intro] .AnswerButton-module__NVzkQG__knob{animation:AnswerButton-module__NVzkQG__answer-knob 3.9s var(--ease) 1.2s 1 backwards}.AnswerButton-module__NVzkQG__track[data-intro] .AnswerButton-module__NVzkQG__phone{animation:AnswerButton-module__NVzkQG__answer-phone 3.9s var(--ease) 1.2s 1 backwards}.AnswerButton-module__NVzkQG__track[data-intro] .AnswerButton-module__NVzkQG__label{animation:AnswerButton-module__NVzkQG__answer-label 3.9s var(--ease) 1.2s 1 backwards}@keyframes AnswerButton-module__NVzkQG__answer-fill{30%,70%{width:100%}}@keyframes AnswerButton-module__NVzkQG__answer-knob{30%,70%{left:calc(100% - var(--h) + var(--inset));background:var(--on-blue);color:var(--phone-blue)}}@keyframes AnswerButton-module__NVzkQG__answer-phone{30%,70%{rotate:-90deg}}@keyframes AnswerButton-module__NVzkQG__answer-label{30%,70%{padding:var(--s-3) calc(var(--h) + var(--s-4)) var(--s-3) var(--s-5);color:var(--on-blue)}}@media (prefers-reduced-motion:reduce){.AnswerButton-module__NVzkQG__fill,.AnswerButton-module__NVzkQG__knob,.AnswerButton-module__NVzkQG__phone,.AnswerButton-module__NVzkQG__label,.AnswerButton-module__NVzkQG__track[data-dragging] .AnswerButton-module__NVzkQG__knob{transition:none}.AnswerButton-module__NVzkQG__track[data-intro] .AnswerButton-module__NVzkQG__fill,.AnswerButton-module__NVzkQG__track[data-intro] .AnswerButton-module__NVzkQG__knob,.AnswerButton-module__NVzkQG__track[data-intro] .AnswerButton-module__NVzkQG__phone,.AnswerButton-module__NVzkQG__track[data-intro] .AnswerButton-module__NVzkQG__label{animation:none}}
