/* assets/css/gbb-button.css */

.elementor-widget-gbb-button .elementor-button {
    position: relative;
    overflow: visible !important; /* Wichtig, damit das Lottie-Icon nicht abgeschnitten wird */
}

.elementor-widget-gbb-button .elementor-button .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2; /* Über dem Lottie-Icon und Berg-Icon */
}

.elementor-widget-gbb-button .elementor-button .elementor-button-text {
white-space: nowrap;
}


.elementor-widget-gbb-button .elementor-button .gbb-button-mountain-icon {
    display: inline-block;
    position: absolute;
    line-height: 0; /* Verhindert zusätzlichen Platz durch Line-Height */
    z-index: 0; /* Hinter dem Text, aber vor dem Button-Hintergrund (falls transparent) */
}

.elementor-widget-gbb-button .elementor-button .gbb-button-mountain-icon svg {
    display: block; /* Verhindert unerwünschten Leerraum unter dem SVG */
}

.elementor-widget-gbb-button .elementor-button .gbb-button-mountain-icon .mountain-icon-border-path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.3s linear; /* Korrekt für die Rahmenfarbe (stroke) */
}

.elementor-widget-gbb-button .elementor-button .gbb-button-mountain-icon .mountain-icon-fill-path {
    transition: fill 0.3s linear; /* KORRIGIERT: Transition für die Füllfarbe (fill) */
}

/* Stile für das Lottie Hover Icon */
.elementor-widget-gbb-button .elementor-button .gbb-button-lottie-hover-icon {
    position: absolute;
    top: 10px; /* Standardwert, wird durch Controls & JS überschrieben */
    left: 10px; /* Standardwert, wird durch Controls & JS überschrieben */
    z-index: -1; /* Hinter dem Text und dem Berg-Icon, direkt über dem Button-Hintergrund */
    opacity: 0; /* Initial unsichtbar, wird von GSAP gesteuert */
    pointer-events: none; /* Wird von GSAP gesteuert */
    line-height: 0; /* Verhindert zusätzlichen Platz */
}

.elementor-widget-gbb-button .elementor-button .gbb-button-lottie-hover-icon lottie-player {
    display: block; /* Verhindert unerwünschten Leerraum */
    width: auto; /* Standard, wird durch Controls überschrieben */
    height: auto; /* Standard, wird durch Controls überschrieben */
    /* Größe wird primär durch Controls Selektoren und JS/GSAP Logik gesetzt */
}