.image-zoom-button{border-radius:8px;width:40px;height:40px;border:0 solid;padding:3px 6px;position:absolute;z-index:10;background-color:#fff;transition:background-color .3s ease-in-out;cursor:pointer;display:none}.image-zoom-button.image-zoom-lens-button{right:15px;top:15px}.image-zoom-button.image-zoom-minus-button,.image-zoom-button.image-zoom-plus-button{right:15px;top:50%;font-size:24px;line-height:32px;font-weight:700;text-align:center;color:#333;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-zoom-button.image-zoom-plus-button{transform:translateY(-100%) translateY(-2px)}.image-zoom-button.image-zoom-minus-button{transform:translateY(2px)}.image-zoom-button.image-zoom-lens-button::before{mask-image:var(--icon-img-zoom);content:"";width:24px;background-color:#333;height:24px;top:50%;display:block;position:absolute;left:50%;transform:translate(-50%, -50%);transition:background-color .3s ease-in-out}.image-zoom-button.image-zoom-lens-button.active{background-color:var(--primary-bg-color)}.image-zoom-button.image-zoom-lens-button.active::before{background-color:var(--primary-text-color)}.image-zoom-button.shown{display:block}