.elementor-13845 .elementor-element.elementor-element-56d63265{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button{background-color:#069FFF;font-family:var( --e-global-typography-195676e-font-family ), Sans-serif;font-size:var( --e-global-typography-195676e-font-size );font-weight:var( --e-global-typography-195676e-font-weight );line-height:var( --e-global-typography-195676e-line-height );border-radius:22px 22px 0px 0px;padding:12px 20px 12px 20px;}.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button:hover, .elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button:focus{background-color:#008CFF;}.elementor-13845 .elementor-element.elementor-element-22cfa29a.elementor-element{--order:99999 /* order end hack */;}body:not(.rtl) .elementor-13845 .elementor-element.elementor-element-22cfa29a{left:-36px;}body.rtl .elementor-13845 .elementor-element.elementor-element-22cfa29a{right:-36px;}.elementor-13845 .elementor-element.elementor-element-22cfa29a{top:400px;z-index:9999;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button{font-size:var( --e-global-typography-195676e-font-size );line-height:var( --e-global-typography-195676e-line-height );}}@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button{font-size:var( --e-global-typography-195676e-font-size );line-height:var( --e-global-typography-195676e-line-height );}}/* Start custom CSS for button, class: .elementor-element-22cfa29a */.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-icon i,
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-icon svg {
    width: 80px;     /* dla SVG */
    height: 24px;
}

.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-icon svg,
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-icon svg * {
    fill: #fff !important;
}

.myGPW {
    transform: rotate(270deg);
    transform-origin: center;
    display: inline-block;
    position: absolute;
    right: -55px;
    top: 80px;
    z-index: 10;
}

.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-icon { 
  font-size: 20px; 
  color: inherit;
}

.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-text { 
  margin: auto;
}

/* =========================
   BUTTON WRAPPER
========================= */
.elementor-13845 .elementor-element.elementor-element-22cfa29a {
  display: inline-flex; /* dopasowuje do szerokości buttona */
}

/* =========================
   BUTTON
========================= */
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-link {
  position: relative;
  overflow: hidden;
  background-color: #008CFF;
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.5em; /* odstęp między ikoną a tekstem */
  transition: color 0.4s ease;
}

/* =========================
   TEKST + IKONA
========================= */
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-text,
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-icon {
  position: relative;
  z-index: 2; /* ikonka zawsze na wierzchu */
  color: #ffffff;
  transform: translateY(0) rotateX(0deg);
  opacity: 1;
  transition: transform 0.7s ease, opacity 0.5s ease; /* wolniejszy, płynny slide */
}

/* =========================
   Tło animowane – z dołu do góry + fade
========================= */
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-link::before {
  content: "";
  position: absolute;
  bottom: -100%;          /* start poza dolną krawędzią */
  left: 0;
  width: 100%;
  height: 100%;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  background-color: #0071FF;
  pointer-events: none;
  z-index: 1;
  opacity: 0;            /* start transparent */
  transition: 
    bottom 0.8s cubic-bezier(.16,.84,.44,1),  /* wolny slide w pionie */
    opacity 0.6s ease;                        /* fade */
}

/* Hover – tło wjeżdża od dołu */
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-link:hover::before {
  bottom: 0;
  opacity: 1;
}

/* =========================
   HOVER – TEKST LEKKO W DÓŁ
========================= */
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-link:hover .elementor-button-text,
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-link:hover .elementor-button-icon {
  transform: translateY(1px) rotateX(12deg); /* pionowe przesunięcie zamiast poziomego */
  opacity: 1;
}

/* =========================
   IKONKA – ANIMACJA PRZEŁADOWANIA W PIONIE
========================= */
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-icon {
  display: inline-block;
  position: relative;
  z-index: 2;
  transform: translateY(2px); /* startowa pozycja pionowa */
  opacity: 1;
}

/* Hover – animacja „przeładowania” w dół */
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-link:hover .elementor-button-icon {
  animation: icon-slide-in-vert 0.6s ease forwards;
}

/* Mouseleave – animacja powrotna w górę */
.elementor-13845 .elementor-element.elementor-element-22cfa29a .elementor-button-link:not(:hover) .elementor-button-icon {
  animation: icon-slide-out-vert 0.6s ease forwards;
}

/* Keyframes – hover in (pionowo w dół) */
@keyframes icon-slide-in-vert {
  0% {
    transform: translateY(2px);
    opacity: 1;
  }
  30% {
    transform: translateY(8px);
    opacity: 0;
  }
  31% {
    transform: translateY(-8px);
    opacity: 0;
  }
  100% {
    transform: translateY(2px);
    opacity: 1;
  }
}

/* Keyframes – hover out (powrót w górę) */
@keyframes icon-slide-out-vert {
  0% {
    transform: translateY(2px);
    opacity: 1;
  }
  30% {
    transform: translateY(-8px);
    opacity: 0;
  }
  31% {
    transform: translateY(8px);
    opacity: 0;
  }
  100% {
    transform: translateY(2px);
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56d63265 */.elementor-13845 .elementor-element.elementor-element-56d63265 {
    position: relative;
    overflow: visible;
}/* End custom CSS */