.Pill{--pill-ink:var(--fg,#fff);--pill-fill:var(--interact,#3fb8e6);--pill-ink-on-fill:var(--fg-dark,#0b0b0c);--pill-ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;border:1px solid var(--pill-ink);min-height:44px;color:var(--pill-ink);font-family:var(--font-default,"Instrument Sans", sans-serif);letter-spacing:.126em;text-transform:uppercase;cursor:pointer;appearance:none;transition:color .5s var(--pill-ease), border-color .5s var(--pill-ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-size:14px;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:clip}.Pill--dark{--pill-ink:var(--fg-dark,#0b0b0c)}.Pill:before{content:"";z-index:-1;border-radius:inherit;background:var(--pill-fill);transition:transform .5s var(--pill-ease);position:absolute;inset:-1px;transform:translateY(101%)}.Pill__label{display:block;position:relative;overflow:clip}.Pill__labelText,.Pill__label:after{transition:transform .5s var(--pill-ease);display:block}.Pill__label:after{content:attr(data-text);position:absolute;inset:0;transform:translateY(100%)}@media (hover:hover) and (pointer:fine){.Pill:hover{color:var(--pill-ink-on-fill);border-color:var(--pill-fill)}.Pill:hover:before{transform:translateY(0)}.Pill:hover .Pill__labelText{transform:translateY(-100%)}.Pill:hover .Pill__label:after{transform:translateY(0)}}.Pill:focus-visible{outline:2px solid var(--pill-ink);outline-offset:3px}.Pill:active:before{transform:translateY(0)}.Pill:active{color:var(--pill-ink-on-fill);border-color:var(--pill-fill)}@media (max-width:600px){.Pill{letter-spacing:.12em;padding:0 20px;font-size:12px}}@media (prefers-reduced-motion:reduce){.Pill,.Pill:before,.Pill__labelText,.Pill__label:after{transition:none}.Pill:hover .Pill__labelText,.Pill:hover .Pill__label:after{transform:none}}