.sight-portfolio-area-lightbox {
--sight-zoom-icon-popup-color: white;
--sight-zoom-icon-popup-background: rgba(0, 0, 0, 0.6);
--sight-zoom-icon-popup-font-size: 16px;
} .sight-portfolio-area-lightbox .sight-zoom-icon-popup {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 1rem;
right: 1rem;
width: 2rem;
height: 2rem;
line-height: 2rem;
text-align: center;
opacity: 0;
color: var(--sight-zoom-icon-popup-color);
background: var(--sight-zoom-icon-popup-background);
transition: all 0.2s ease;
}
.sight-portfolio-area-lightbox .sight-zoom-icon-popup:before {
font-family: 'sight-portfolio-icons';
font-size: var(--sight-zoom-icon-popup-font-size);
content: "\e912";
}
.sight-portfolio-area-lightbox .sight-image-popup:hover ~ .sight-zoom-icon-popup {
opacity: 1;
}