.action-pill{--action-ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;white-space:nowrap;min-height:4.25rem;color:var(--color-ink);transition:color .42s var(--action-ease), transform .6s var(--action-ease), box-shadow .6s var(--action-ease);will-change:transform;background:#fff;border-radius:999px;align-items:center;gap:1.7rem;padding:.42rem .46rem .42rem 1.8rem;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #1111111a}.action-pill__fill{z-index:0;background:var(--color-blue);transition:transform .52s var(--action-ease);position:absolute;inset:0;transform:translateY(102%)}.action-pill__label{will-change:opacity, transform}.action-pill__icon{z-index:1;background:var(--color-paper);width:3.35rem;height:3.35rem;color:var(--color-blue);transition:transform .52s var(--action-ease);will-change:opacity, transform;border-radius:999px;place-items:center;display:grid;position:relative}.action-pill:hover,.action-pill:focus-visible,.action-pill.is-diving{color:#fff;transform:scale(1.055);box-shadow:0 22px 60px #2457ff38}.action-pill:hover .action-pill__fill,.action-pill:focus-visible .action-pill__fill,.action-pill.is-diving .action-pill__fill{transform:translateY(0)}.action-pill:hover .action-pill__icon,.action-pill:focus-visible .action-pill__icon{transform:translate(.15rem)}.action-pill.is-diving-instant,.action-pill.is-diving-instant .action-pill__fill,.action-pill.is-diving .action-pill__icon{transition:none}@media (max-width:639px){.action-pill{gap:1.15rem;min-height:3.8rem;padding-left:1.35rem;font-size:.8rem}.action-pill__icon{width:2.95rem;height:2.95rem}}@media (prefers-reduced-motion:reduce){.action-pill,.action-pill__fill,.action-pill__icon{transition:none}}