.zs_icon_button_wrapper{display:flex}.zs_icon_button_wrapper.align-left{justify-content:flex-start}.zs_icon_button_wrapper.align-center{justify-content:center}.zs_icon_button_wrapper.align-right{justify-content:flex-end}.zs_icon_button{display:inline-flex;text-decoration:none}.zs_main_button{align-items:center;background:var(--neutral-lightness);border-radius:20px;display:flex;gap:14px;justify-content:center;overflow:hidden;padding:20px 32px;position:relative;transition:background .3s ease;img{height:20px;width:auto}img,span{position:relative;z-index:2}span{color:var(--blue-strong);font-family:var(--primary-font);font-size:18px;font-weight:500}}.zs_main_button:before{background:radial-gradient(circle at var(--x,20%) var(--y,20%),rgba(0,120,255,.18),transparent 40%);border-radius:20px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.zs_main_button:hover:before{opacity:1}.zs_arrow_icon{align-items:center;background:var(--neutral-lightness);border-radius:20px;display:flex;justify-content:center;overflow:hidden;transition:transform .3s ease;width:64px;img{height:18px;transition:transform .3s ease}&:hover{transform:translateX(4px)}}.zs_arrow_icon.hover-in img{animation:ArrowEscape .3s forwards}.zs_arrow_icon.hover-out img{animation:ArrowReturn .3s forwards}@keyframes ArrowEscape{0%{transform:translate(0)}49%{transform:translate(35px,-35px)}50%{transform:translate(-35px,35px)}to{transform:translate(0)}}@keyframes ArrowReturn{0%{transform:translate(0)}49%{transform:translate(-35px,35px)}50%{transform:translate(35px,-35px)}to{transform:translate(0)}}.icon_arrow_enable{display:flex}.icon_arrow_disable{display:none}