.elementor-168 .elementor-element.elementor-element-fc290d0 .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-9065450 );color:var( --e-global-color-9065450 );border-radius:0px 0px 0px 0px;padding:5px 20px 5px 20px;}.elementor-168 .elementor-element.elementor-element-fc290d0 .elementor-button:hover, .elementor-168 .elementor-element.elementor-element-fc290d0 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-fc290d0{width:auto;max-width:auto;top:48%;z-index:299;}.elementor-168 .elementor-element.elementor-element-fc290d0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}body:not(.rtl) .elementor-168 .elementor-element.elementor-element-fc290d0{right:0px;}body.rtl .elementor-168 .elementor-element.elementor-element-fc290d0{left:0px;}.elementor-168 .elementor-element.elementor-element-fc290d0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-168 .elementor-element.elementor-element-fc290d0 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-168 .elementor-element.elementor-element-fc290d0 .elementor-button:hover svg, .elementor-168 .elementor-element.elementor-element-fc290d0 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-830e49d .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-9065450 );color:var( --e-global-color-9065450 );border-radius:0px 0px 0px 0px;padding:5px 20px 5px 20px;}.elementor-168 .elementor-element.elementor-element-830e49d .elementor-button:hover, .elementor-168 .elementor-element.elementor-element-830e49d .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-168 .elementor-element.elementor-element-830e49d{width:auto;max-width:auto;top:48%;z-index:499;}.elementor-168 .elementor-element.elementor-element-830e49d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}body:not(.rtl) .elementor-168 .elementor-element.elementor-element-830e49d{right:0px;}body.rtl .elementor-168 .elementor-element.elementor-element-830e49d{left:0px;}.elementor-168 .elementor-element.elementor-element-830e49d .elementor-button-content-wrapper{flex-direction:row;}.elementor-168 .elementor-element.elementor-element-830e49d .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-168 .elementor-element.elementor-element-830e49d .elementor-button:hover svg, .elementor-168 .elementor-element.elementor-element-830e49d .elementor-button:focus svg{fill:var( --e-global-color-primary );}/* Start custom CSS for button, class: .elementor-element-830e49d *//*.vsbtn-mobil span.elementor-button-text {
    display: none;
}*/

/* Ausgangszustand: Text ist ausgeblendet */
.vsbtn-mobil {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    transition: width 0.3s ease; /* Animation für Breite */
    width: 50px!important; /* Standardbreite des Buttons */
}

.vsbtn-mobil span.elementor-button-text {
    display: inline-block;
    opacity: 0;
    white-space: nowrap; /* Verhindert Umbruch des Textes */
    transition: opacity 0.3s ease; /* Animation für Sichtbarkeit */
    margin-left: 10px; /* Platz zwischen Icon und Text */
}

/* Button bei Hover: Breite vergrößern */
.vsbtn-mobil:hover {
    width: auto!important; /* Zielbreite des Buttons beim Hover */
}

/* Text bei Hover einblenden */
.vsbtn-mobil:hover span.elementor-button-text {
    opacity: 1;
}/* End custom CSS */