.elementor-1924 .elementor-element.elementor-element-4530130c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-1924 .elementor-element.elementor-global-2506 .elementor-button{background-color:var( --e-global-color-b949590 );font-weight:600;fill:var( --e-global-color-text );color:var( --e-global-color-text );padding:0px 0px 0px 0px;}.elementor-1924 .elementor-element.elementor-global-2506 .elementor-button-content-wrapper{flex-direction:row;}@media(min-width:641px){.elementor-1924 .elementor-element.elementor-element-4530130c{--content-width:800px;}}@media(max-width:1024px){.elementor-1924 .elementor-element.elementor-element-4530130c{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-1924 .elementor-element.elementor-element-1d94ba15 .elementor-heading-title{font-size:40px;}.elementor-1924 .elementor-element.elementor-element-31d5ced4 .elementor-heading-title{font-size:40px;}}@media(max-width:640px){.elementor-1924 .elementor-element.elementor-element-4530130c{--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1924 .elementor-element.elementor-element-1d94ba15 .elementor-heading-title{font-size:30px;}.elementor-1924 .elementor-element.elementor-element-31d5ced4 .elementor-heading-title{font-size:30px;}.elementor-1924 .elementor-element.elementor-global-2506 .elementor-button{padding:0px 0px 0px 0px;}}/* Start custom CSS for global, class: .elementor-global-2506 */.elementor-1924 .elementor-element.elementor-global-2506 .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}
.elementor-1924 .elementor-element.elementor-global-2506 .elementor-button-icon {
    background: black;
    padding: 15px;
    border-radius: 3px;
}
.elementor-1924 .elementor-element.elementor-global-2506 .elementor-button-icon svg {
    fill: white;
    height: 25px;
    width: 25px;
}
.elementor-1924 .elementor-element.elementor-global-2506:hover svg {
  animation: icon-slide-in 0.3s ease forwards;
}


/* Po zrušení hoveru (keď tlačidlo stratí hover) */
.elementor-1924 .elementor-element.elementor-global-2506:not(:hover) svg {
  animation: icon-slide-out 0.3s ease forwards;
}

/* Animácia "na hover" */
@keyframes icon-slide-in {
  0% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(120%, -120%);
    opacity: 0;
  }
  41% {
    transform: translate(-120%, 120%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/* Animácia "pri odchode" – opačný smer */
@keyframes icon-slide-out {
  0% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(-120%, 120%);
    opacity: 0;
  }
  41% {
    transform: translate(120%, -120%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/* reset – na začiatku sa zobrazí správne */
@keyframes icon-reset {
  from { transform: translate(0, 0); opacity: 1; }
  to { transform: translate(0, 0); opacity: 1; }
}/* End custom CSS */