/* Positioniert und styled den Download-Button im Overlay */
.gallery-overlay-download-btn {
    /* Positionierung unten rechts */
    position: absolute;
    bottom: 10px; /* Abstand vom unteren Rand */
    right: 10px; /* Abstand vom rechten Rand */

    /* Styling */
    padding: 8px;
    font-size: 30px;
    line-height: 1;

    /* Standardmäßig unsichtbar (wird durch das Overlay des Galerie-Widgets gesteuert, aber zur Sicherheit) */
    opacity: 0;
    transition: all 0.3s ease;

    /* Stellt sicher, dass der Button sichtbar wird, wenn das Overlay sichtbar wird */
    visibility: hidden;
    pointer-events: none; /* Deaktiviert Klicks im unsichtbaren Zustand */
}

.elementor-lightbox-download-btn i {
	font-size: 30px;
}


/* Macht den Button sichtbar, wenn über das gesamte Galerie-Item gehovered wird */
.elementor-gallery-item:hover .gallery-overlay-download-btn,
/* Falls das Elementor-Overlay die Sichtbarkeit steuert */
.elementor-gallery-item__overlay:hover .gallery-overlay-download-btn {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* Erlaubt Klicks im sichtbaren Zustand */
}

/* Hover-Effekt für den Button selbst */
.gallery-overlay-download-btn:hover {
    color: #ffffff;
}