.elementor-54154 .elementor-element.elementor-element-513421d{--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-54154 .elementor-element.elementor-element-e322a30{--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-54154 .elementor-element.elementor-element-e322a30:not(.elementor-motion-effects-element-type-background), .elementor-54154 .elementor-element.elementor-element-e322a30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-54154 .elementor-element.elementor-element-7dab869{width:auto;max-width:auto;}.elementor-54154 .elementor-element.elementor-element-7dab869 > .elementor-widget-container{padding:12px 40px 2px 40px;}.elementor-54154 .elementor-element.elementor-element-7dab869.elementor-element{--align-self:center;}.elementor-54154 .elementor-element.elementor-element-7dab869 .title-after_title, .elementor-54154 .elementor-element.elementor-element-7dab869 .title-subtitle, .elementor-54154 .elementor-element.elementor-element-7dab869 .woodmart-title-container{max-width:100%;}.elementor-54154 .elementor-element.elementor-element-7dab869 .title{font-size:26px;font-weight:700;line-height:15px;}.elementor-54154 .elementor-element.elementor-element-7dab869 .woodmart-title-container u{font-size:12px;font-weight:300;padding:0px 0px 0px 0px;}.elementor-54154 .elementor-element.elementor-element-7dab869 .title-after_title{font-size:14px;font-weight:400;line-height:1px;word-spacing:0px;}.elementor-54154 .elementor-element.elementor-element-58303ce{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-54154 .elementor-element.elementor-element-2a024ca{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-54154 .elementor-element.elementor-element-2a024ca.e-con{--align-self:center;}.elementor-54154 .elementor-element.elementor-element-8f202e7 img{width:100%;border-radius:15px 15px 15px 15px;}.elementor-54154 .elementor-element.elementor-element-5e39aa1 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-54154 .elementor-element.elementor-element-5e39aa1 .title{font-size:15px;font-weight:500;}.elementor-54154 .elementor-element.elementor-element-ded9f9d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-54154 .elementor-element.elementor-element-ded9f9d.e-con{--align-self:center;}.elementor-54154 .elementor-element.elementor-element-91a4ede img{width:100%;border-radius:15px 15px 15px 15px;}.elementor-54154 .elementor-element.elementor-element-014f9b2 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-54154 .elementor-element.elementor-element-014f9b2 .title{font-size:15px;font-weight:500;}.elementor-54154 .elementor-element.elementor-element-069042d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-54154 .elementor-element.elementor-element-069042d.e-con{--align-self:center;}.elementor-54154 .elementor-element.elementor-element-28f0adc img{width:100%;border-radius:15px 15px 15px 15px;}.elementor-54154 .elementor-element.elementor-element-66753f9 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-54154 .elementor-element.elementor-element-66753f9 .title{font-size:15px;font-weight:500;}.elementor-54154 .elementor-element.elementor-element-9e6c14c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-54154 .elementor-element.elementor-element-9e6c14c.e-con{--align-self:center;}.elementor-54154 .elementor-element.elementor-element-680a43a img{width:100%;border-radius:15px 15px 15px 15px;}.elementor-54154 .elementor-element.elementor-element-a7b1104 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-54154 .elementor-element.elementor-element-a7b1104 .title{font-size:15px;font-weight:500;}@media(max-width:1024px){.elementor-54154 .elementor-element.elementor-element-58303ce{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-54154 .elementor-element.elementor-element-7dab869 .title{font-size:15px;}.elementor-54154 .elementor-element.elementor-element-7dab869 .title-after_title{font-size:12px;line-height:2.5em;}.elementor-54154 .elementor-element.elementor-element-58303ce{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-54154 .elementor-element.elementor-element-58303ce{--content-width:1400px;}}/* Start custom CSS for wd_title, class: .elementor-element-7dab869 */.elementor-54154 .elementor-element.elementor-element-7dab869 {
  /* 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-54154 .elementor-element.elementor-element-7dab869::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-54154 .elementor-element.elementor-element-7dab869: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 */
/* Start custom CSS for container, class: .elementor-element-2a024ca */.elementor-54154 .elementor-element.elementor-element-2a024ca {
  /* TWÓJ ORYGINALNY, SPRAWDZONY UKŁAD: Zostawiamy go bez zmian */
  display: inline-block;
  padding: 0px 6px 0px 0px;
  font-size: 16px;
  font-weight: 600;
  color: #000; /* czarny tekst */
  background: transparent; /* wnętrze przezroczyste */
  border-radius: 15px;
  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-54154 .elementor-element.elementor-element-2a024ca::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-54154 .elementor-element.elementor-element-2a024ca: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 */
/* Start custom CSS for container, class: .elementor-element-ded9f9d */.elementor-54154 .elementor-element.elementor-element-ded9f9d {
  /* TWÓJ ORYGINALNY, SPRAWDZONY UKŁAD: Zostawiamy go bez zmian */
  display: inline-block;
  padding: 0px 6px 0px 0px;
  font-size: 16px;
  font-weight: 600;
  color: #000; /* czarny tekst */
  background: transparent; /* wnętrze przezroczyste */
  border-radius: 15px;
  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-54154 .elementor-element.elementor-element-ded9f9d::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-54154 .elementor-element.elementor-element-ded9f9d: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 */
/* Start custom CSS for container, class: .elementor-element-069042d */.elementor-54154 .elementor-element.elementor-element-069042d {
  /* TWÓJ ORYGINALNY, SPRAWDZONY UKŁAD: Zostawiamy go bez zmian */
  display: inline-block;
  padding: 0px 6px 0px 0px;
  font-size: 16px;
  font-weight: 600;
  color: #000; /* czarny tekst */
  background: transparent; /* wnętrze przezroczyste */
  border-radius: 15px;
  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-54154 .elementor-element.elementor-element-069042d::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-54154 .elementor-element.elementor-element-069042d: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 */
/* Start custom CSS for container, class: .elementor-element-9e6c14c */.elementor-54154 .elementor-element.elementor-element-9e6c14c {
  /* TWÓJ ORYGINALNY, SPRAWDZONY UKŁAD: Zostawiamy go bez zmian */
  display: inline-block;
  padding: 0px 6px 0px 0px;
  font-size: 16px;
  font-weight: 600;
  color: #000; /* czarny tekst */
  background: transparent; /* wnętrze przezroczyste */
  border-radius: 15px;
  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-54154 .elementor-element.elementor-element-9e6c14c::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-54154 .elementor-element.elementor-element-9e6c14c: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 */