.elementor-53179 .elementor-element.elementor-element-35ead6d{--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-53179 .elementor-element.elementor-element-4089757{--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-53179 .elementor-element.elementor-element-4089757:not(.elementor-motion-effects-element-type-background), .elementor-53179 .elementor-element.elementor-element-4089757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-53179 .elementor-element.elementor-element-16d31fe{width:auto;max-width:auto;}.elementor-53179 .elementor-element.elementor-element-16d31fe > .elementor-widget-container{padding:12px 40px 2px 40px;}.elementor-53179 .elementor-element.elementor-element-16d31fe.elementor-element{--align-self:center;}.elementor-53179 .elementor-element.elementor-element-16d31fe .title-after_title, .elementor-53179 .elementor-element.elementor-element-16d31fe .title-subtitle, .elementor-53179 .elementor-element.elementor-element-16d31fe .woodmart-title-container{max-width:100%;}.elementor-53179 .elementor-element.elementor-element-16d31fe .title{font-size:26px;font-weight:700;line-height:15px;}.elementor-53179 .elementor-element.elementor-element-16d31fe .woodmart-title-container u{font-size:12px;font-weight:300;padding:0px 0px 0px 0px;}.elementor-53179 .elementor-element.elementor-element-16d31fe .title-after_title{font-size:14px;font-weight:400;line-height:1px;word-spacing:0px;}.elementor-53179 .elementor-element.elementor-element-56713d4{--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:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-53179 .elementor-element.elementor-element-56713d4{--content-width:1500px;}}@media(max-width:767px){.elementor-53179 .elementor-element.elementor-element-16d31fe .title{font-size:15px;}.elementor-53179 .elementor-element.elementor-element-16d31fe .title-after_title{font-size:12px;line-height:2.5em;}}/* Start custom CSS for wd_title, class: .elementor-element-16d31fe */.elementor-53179 .elementor-element.elementor-element-16d31fe {
  /* 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-53179 .elementor-element.elementor-element-16d31fe::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-53179 .elementor-element.elementor-element-16d31fe: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 */