.zizo-btn--v2.zizo-btn--arrow{--zizo-arrow-size:56px;--zizo-ring-inset:7px;--zizo-ring-width:4px;--zizo-ring-normal:var(--zizo-primary);--zizo-ring-hover:var(--zizo-ring-hover-fallback,var(--zizo-hover));--zizo-effect-duration:.4s;width:var(--zizo-arrow-size);height:var(--zizo-arrow-size);min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--zizo-primary);overflow:hidden;display:inline-block}.zizo-btn--arrow::before,.zizo-btn--arrow::after{content:"";position:absolute;inset:var(--zizo-ring-inset);border-radius:50%;border:var(--zizo-ring-width) solid var(--zizo-ring-normal);pointer-events:none;transition:opacity var(--zizo-effect-duration),transform var(--zizo-effect-duration)}.zizo-btn--arrow::after{border-color:var(--zizo-ring-hover);transform:scale(1.3);opacity:0}.zizo-btn--arrow:is(:hover,:focus-visible)::before{opacity:0;transform:scale(.7)}.zizo-btn--arrow:is(:hover,:focus-visible)::after{opacity:1;transform:scale(1)}.zizo-btn__arrow-track{display:flex;position:absolute;left:0;top:0;direction:ltr;transition:transform var(--zizo-effect-duration) ease}.zizo-btn__arrow-cell{display:flex;align-items:center;justify-content:center;width:var(--zizo-arrow-size);height:var(--zizo-arrow-size);flex-shrink:0;font-size:var(--zizo-icon-size)}.zizo-btn__arrow-cell :is(svg,img){width:1em;height:1em}.zizo-btn__arrow-track--right .zizo-btn__arrow-cell{transform:rotate(180deg)}.zizo-btn--arrow:hover .zizo-btn__arrow-track{transform:translateX(calc(-1 * var(--zizo-arrow-size)))}.zizo-btn--v2.zizo-btn--arrow{--zizo-arrow-padding:0px}.zizo-btn--arrow::before,.zizo-btn--arrow::after{inset:var(--zizo-arrow-padding)}.zizo-btn--arrow:is(:hover,:focus-visible){color:var(--zizo-button-text,var(--zizo-global-text,#f17b23))}.zizo-btn--arrow:is(:hover,:focus-visible){color:var(--zizo-button-text,var(--zizo-global-text,#f17b23))}.zizo-btn--v2.zizo-btn--arrow{--zizo-arrow-icon-default:var(--zizo-button-text,var(--zizo-global-text,#f17b23));color:var(--zizo-arrow-icon-default)}.zizo-btn--v2.zizo-btn--arrow:is(:hover,:focus-visible){color:var(--zizo-arrow-icon-default)}.zizo-btn--v2.zizo-btn--arrow{vertical-align:top}

.zizo-btn--v2.zizo-btn--arrow .zizo-btn__arrow-cell{color:var(--zizo-arrow-icon-normal,var(--zizo-arrow-icon-default))}.zizo-btn--v2.zizo-btn--arrow:is(:hover,:focus-visible) .zizo-btn__arrow-cell{color:var(--zizo-arrow-icon-hover,var(--zizo-arrow-icon-normal,var(--zizo-arrow-icon-default)))}