.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;display:inline-flex;align-items:center;max-width:100%;gap:0;padding:0;border:0;background:transparent;border-radius:999px;vertical-align:middle;text-decoration:none}.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{display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;margin:0;transform:none;border:1px solid var(--action-border);border-radius:999px;background:var(--action-fill);color:var(--action-ink);transition:color .16s ease}.tp-btn-group.public-action>:is(.tp-btn,.tp-btn-circle):before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--action-hover-fill);transform:translateY(101%);transition:transform .32s cubic-bezier(.22,1,.36,1);pointer-events:none}.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);padding:12px 24px;flex:1 1 auto;font-size:16px;font-weight:600;line-height:1.3;text-align:center;text-transform:none;word-break:keep-all;overflow-wrap:anywhere}.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 ease}.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}}