/* Magnifier on gallery tiles and the enlarged image close button (assets/js/preview-zoom.js). */

#previewButtonContainer #previewButton {
    width: 24px;
    height: 24px;
    background: none;
}

#previewButtonContainer #previewButton a {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 0 4px 0 0;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    transition: background 0.15s;
}

#previewButtonContainer #previewButton a:hover {
    background: rgba(0, 0, 0, 0.7);
}

.preview-zoom__icon {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.closebutton {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
    box-shadow: 0 0 0 2px #fff;
    cursor: pointer;
}

.preview-zoom__close-icon {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    pointer-events: none;
}