.tp-btn-group.public-action{--action-size:50px;--action-fill:var(--barit-black,#17181a);--action-ink:var(--barit-offwhite,#f6f6f3);--action-border:transparent;--action-hover-fill:var(--barit-red,#e13b35);--action-hover-ink:#fff;vertical-align:middle;background:0 0;border:0;border-radius:999px;align-items:center;gap:0;max-width:100%;padding:0;text-decoration:none;display:inline-flex}.tp-btn-group.public-action[data-tone=outline]{--action-hover-fill:var(--barit-black,#17181a);--action-fill:transparent;--action-ink:var(--barit-black,#17181a);--action-border:var(--barit-black,#17181a)}.tp-btn-group.public-action[data-tone=light]{--action-hover-fill:var(--barit-black,#17181a);--action-fill:var(--barit-offwhite,#f6f6f3);--action-ink:var(--barit-black,#17181a)}.tp-btn-group.public-action>.tp-btn,.tp-btn-group.public-action>.tp-btn-circle{isolation:isolate;border:1px solid var(--action-border);background:var(--action-fill);color:var(--action-ink);border-radius:999px;justify-content:center;align-items:center;margin:0;transition:color .16s;display:inline-flex;position:relative;overflow:hidden;transform:none}.tp-btn-group.public-action>:is(.tp-btn,.tp-btn-circle):before{content:"";z-index:-1;border-radius:inherit;background:var(--action-hover-fill);pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(101%)}.tp-btn-group.public-action:is(:hover,:focus-visible)>:is(.tp-btn,.tp-btn-circle){color:var(--action-hover-ink)}.tp-btn-group.public-action:is(:hover,:focus-visible)>:is(.tp-btn,.tp-btn-circle):before{transform:translateY(0)}.tp-btn-group.public-action>.tp-btn{min-width:0;min-height:var(--action-size);text-align:center;text-transform:none;word-break:keep-all;overflow-wrap:anywhere;flex:auto;padding:12px 24px;font-size:16px;font-weight:600;line-height:1.3}.tp-btn-group.public-action>.tp-btn-circle{width:var(--action-size);height:var(--action-size);flex:0 0 var(--action-size)}.public-action .tp-btn-circle svg{transition:transform .2s}.public-action:is(:hover,:focus-visible) .tp-btn-circle svg{transform:translate(2px,-2px)}.public-action:focus-visible{outline:3px solid var(--barit-red,#e13b35);outline-offset:4px}@media (prefers-reduced-motion:reduce){.tp-btn-group.public-action>:is(.tp-btn,.tp-btn-circle),.tp-btn-group.public-action>:is(.tp-btn,.tp-btn-circle):before{transition:none}.public-action .tp-btn-circle svg{transition:none;transform:none}}