.elementor-52656 .elementor-element.elementor-element-06d6cd0{--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;}.elementor-52656 .elementor-element.elementor-element-c4d7bef{--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;--padding-top:50px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-52656 .elementor-element.elementor-element-c4d7bef:not(.elementor-motion-effects-element-type-background), .elementor-52656 .elementor-element.elementor-element-c4d7bef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-52656 .elementor-element.elementor-element-b7fd7d2{width:auto;max-width:auto;}.elementor-52656 .elementor-element.elementor-element-b7fd7d2 > .elementor-widget-container{padding:12px 40px 2px 40px;}.elementor-52656 .elementor-element.elementor-element-b7fd7d2.elementor-element{--align-self:center;}.elementor-52656 .elementor-element.elementor-element-b7fd7d2 .title-after_title, .elementor-52656 .elementor-element.elementor-element-b7fd7d2 .title-subtitle, .elementor-52656 .elementor-element.elementor-element-b7fd7d2 .woodmart-title-container{max-width:100%;}.elementor-52656 .elementor-element.elementor-element-b7fd7d2 .title{font-size:26px;font-weight:700;line-height:15px;}.elementor-52656 .elementor-element.elementor-element-b7fd7d2 .woodmart-title-container u{font-size:12px;font-weight:300;padding:0px 0px 0px 0px;}.elementor-52656 .elementor-element.elementor-element-b7fd7d2 .title-after_title{font-size:14px;font-weight:400;line-height:1px;word-spacing:0px;}.elementor-52656 .elementor-element.elementor-element-165fb90{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-52656 .elementor-element.elementor-element-165fb90:not(.elementor-motion-effects-element-type-background), .elementor-52656 .elementor-element.elementor-element-165fb90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}@media(min-width:768px){.elementor-52656 .elementor-element.elementor-element-165fb90{--content-width:1400px;}}@media(max-width:767px){.elementor-52656 .elementor-element.elementor-element-b7fd7d2 .title{font-size:15px;}.elementor-52656 .elementor-element.elementor-element-b7fd7d2 .title-after_title{font-size:12px;line-height:2.5em;}}/* Start custom CSS for wd_title, class: .elementor-element-b7fd7d2 */.elementor-52656 .elementor-element.elementor-element-b7fd7d2 {
  /* TWÓJ ORYGINALNY, SPRAWDZONY UKŁAD: Zostawiamy go bez zmian */
  display: inline-block;
  padding: 0px 14px;
  font-size: 16px;
  font-weight: 600;
  color: #000; /* czarny tekst */
  background: transparent; /* wnętrze przezroczyste */
  border-radius: 118px;
  cursor: pointer;
  border: 2px solid transparent;

  /* Nowe właściwości TYLKO po to, żeby gradient z wyciętym tłem działał */
  position: relative;
  z-index: 1;

  transition: transform 0.2s ease;
  text-align: center;
  text-decoration: none;
}

/* Przeniesiony Twój gradient do "warstwy" pod spodem */
.elementor-52656 .elementor-element.elementor-element-b7fd7d2::before {
  content: "";
  position: absolute;
  /* Klonujemy dokładnie ramkę rodzica i jej położenie */
  top: -3px; 
  left: -3px; 
  right: -3px; 
  bottom: -3px;
  border-radius: inherit;
  border: 3px solid transparent;

  /* TWÓJ ANIMOWANY GRADIENT */
  background: linear-gradient(
    to right,
    #0091AF,
    #4BAAAE,
    #90C8B8,
    #F2C061,
    #EE993B,
    #E74134
  ) border-box;
  background-size: 300% 100%;
  animation: gradientFlow 10s ease infinite;

  /* Maska wycinająca idealnie środek na przezroczysty */
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  
  z-index: -1;
  pointer-events: none;
}

.elementor-52656 .elementor-element.elementor-element-b7fd7d2:hover {
  transform: scale(1.03);
}

@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */