/* === Стиль кнопок як на скріншоті === */
.t-btn {
  background-color: #000 !important;
  color: #000 !important;
  border: 2px solid transparent !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  font-size: 20px !important;
}

/* Двокольорова рамка через псевдоелементи */
.t-btn::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(90deg, #00bfff, #ffff00);
  z-index: 0;
  border-radius: 4px;
}

.t-btn span,
.t-btn div {
  position: relative;
  z-index: 1;
}

/* Ефект при наведенні */
.t-btn:hover::before {
  filter: brightness(1.3);
}
.t-btn:hover {
  transform: scale(1.02);
}

/* Адаптація для мобільних */
@media (max-width: 600px) {
  .t-btn {
    font-size: 15px !important;
    padding: 12px 20px !important;
  }
}
/* ========= Base ========= */
.gradient-btn {
  /* layout */
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.35s ease-in-out; /* плавна анімація */

  /* sizing */
  padding: 14px 32px;
  min-height: 48px;
  border-radius: 10px;

  /* transparent interior + gradient border via mask */
  background: transparent;
  border: 0;
  isolation: isolate;                 /* щоб тінь/шари не злипались */
  cursor: pointer;

  /* typography */
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  letter-spacing: .2px;
  text-decoration: none;

  /* текст і іконки завжди білі в Tilda */
  color: #fff !important;
}
.gradient-btn *,
.gradient-btn span,
.gradient-btn strong {
  color: inherit !important;
}

/* ========= Gradient outline (рамка) ========= */
.gradient-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;                       /* товщина рамки */
  background: linear-gradient(90deg, #00b4ff 0%, #a5ff00 100%);
  /* робимо тільки обводку: */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

/* ========= Subtle hover/active ========= */
.gradient-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 0 2px rgba(0,180,255,.20), 0 6px 18px rgba(0,0,0,.25);
  background-color: #fff !important;
}
.gradient-btn:hover,
.gradient-btn:hover * {
  color: #000 !important;
}
.gradient-btn:active {
  transform: translateY(0);
  box-shadow: 0 0 0 2px rgba(165,255,0,.18), 0 2px 8px rgba(0,0,0,.35);
}

/* ========= Focus (доступність) ========= */
.gradient-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,180,255,.35);
}

/* ========= Disabled ========= */
.gradient-btn[disabled],
.gradient-btn.t-disabled {            /* якщо Tilda додасть свій клас */
  opacity: .55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* ========= Motion preferences ========= */
@media (prefers-reduced-motion: reduce) {
  .gradient-btn { transition: none !important; }
  .gradient-btn:hover,
  .gradient-btn:active { transform: none; box-shadow: none; }
}

/* ========= Size modifiers (за бажанням) ========= */
.gradient-btn--sm { padding: 10px 20px; min-height: 40px; font-size: 16px; }
.gradient-btn--lg { padding: 16px 40px; min-height: 54px; font-size: 20px; }

/* ========= Pill (капсула) варіант — опційно ========= */
/* Додай клас gradient-btn--pill, якщо хочеш повністю овальну форму */
.gradient-btn--pill { border-radius: 999px; }



/* ===== SUBMIT у попапі (uc-pop-uptimer) ===== */
.t-submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 100%;                 /* лишаємо повну ширину форми */
  min-height: 52px;
  padding: 14px 24px;

  border: 0;
  border-radius: 10px;
  background: transparent !important;      /* прибираємо синій фон Tilda */
  box-shadow: none !important;

  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  letter-spacing: .2px;

  color: #fff !important;                   /* базово — білий текст */
  cursor: pointer;
  transition: all .35s ease-in-out;
  isolation: isolate;
}

/* Tilda інколи фарбує дочірні елементи: перебиваємо */
.t-submit *,
.t-submit .t-btntext {
  color: #fff !important;
}

/* Градієнтна рамка (прозорий інтер’єр) */
.t-submit::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px; /* товщина рамки */
  background: linear-gradient(90deg, #00b4ff 0%, #a5ff00 100%);
  -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

/* Hover: білий фон + чорний текст + легке світіння */
.t-submit:hover {
  background-color: #fff !important;
  color: #000 !important;
  box-shadow: 0 0 0 2px rgba(0,180,255,.18), 0 8px 22px rgba(0,0,0,.25);
  transform: translateY(-1px);
}
.t-submit:hover *,
.t-submit:hover .t-btntext {
  color: #000 !important;
}

/* Active/Focus/Disabled */
.t-submit:active {
  transform: translateY(0);
  box-shadow: 0 0 0 2px rgba(165,255,0,.16), 0 2px 8px rgba(0,0,0,.35);
}
.t-submit:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,180,255,.35);
}
.t-submit[disabled],
.t-submit.t-btn_disabled {
  opacity: .55; cursor: not-allowed; transform: none; box-shadow: none !important;
}

/* Забираємо спадкові стилі Tilda, що можуть ламати вигляд */
.t-submit.t-btn,                       /* базовий клас Tilda */
.t-submit.t-btn_primary {
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
}




.uc-white-border::before {
  content: "";
  position: absolute;
  inset: 10px; /* короткий запис для top/left/right/bottom */
  border: 2px solid #9E9E9E;
  border-radius: 4px;
  pointer-events: none;
}
.uc-white-border-centr::before{
    content: "";
  position: absolute;
  top: 10px;
  left: -10px !important;
  right: -10px !important;
  bottom: 10px;
  border: 2px solid #fff; /* колір рамки */
  border-radius: 4px;
  pointer-events: none;
}
















/* Градієнтна рамка (прозорий інтер’єр) */
.t-btn-view-custom::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px; /* товщина рамки */
  background: linear-gradient(90deg, #00bfff 0%, #ffff00 100%);
  -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}








.uc-our_team .t527__line {
  height: 2px !important;
  width: 40px !important;
  background: linear-gradient(90deg, #00bfff, #ffff00) !important;
  border-radius: 2px !important;
}