.elementor-29318 .elementor-element.elementor-element-8d3d563{--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-29318 .elementor-element.elementor-element-3266039 .elementor-button{background-color:#181818;}/* Start custom CSS for button, class: .elementor-element-3266039 *//* ==========================================================================
   KICKSY — кнопка "Передзвонити вам?"
   Таргет: Elementor widget #3266039 + popup #31144 + опційний клас
   ========================================================================== */

body .elementor-element-3266039 a.elementor-button,
body a.elementor-button[href*="MxMTQ0"],
body a.elementor-button.kicksy-callback-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 36px !important;
  background: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
  background-image: linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%) !important;
  background-color: #8B5CF6 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px -10px rgba(109, 40, 217, 0.5) !important;
  transition:
    transform 0.25s ease-out,
    box-shadow 0.25s ease-out,
    filter 0.25s ease-out !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  cursor: pointer;
}

/* Текст білий */
body .elementor-element-3266039 a.elementor-button .elementor-button-text,
body a.elementor-button[href*="MxMTQ0"] .elementor-button-text,
body a.elementor-button.kicksy-callback-btn .elementor-button-text {
  color: #ffffff !important;
}

/* Іконка телефону перед текстом */
body .elementor-element-3266039 a.elementor-button .elementor-button-text::before,
body a.elementor-button[href*="MxMTQ0"] .elementor-button-text::before,
body a.elementor-button.kicksy-callback-btn .elementor-button-text::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E") center/contain no-repeat;
  transform-origin: 50% 50%;
  animation: kicksy-phone-ring 4s ease-in-out 2s infinite;
}

/* Блік overlay */
body .elementor-element-3266039 a.elementor-button::after,
body a.elementor-button[href*="MxMTQ0"]::after,
body a.elementor-button.kicksy-callback-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    100deg,
    transparent 0%,
    transparent 35%,
    rgba(255, 255, 255, 0.4) 50%,
    transparent 65%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Hover */
body .elementor-element-3266039 a.elementor-button:hover,
body a.elementor-button[href*="MxMTQ0"]:hover,
body a.elementor-button.kicksy-callback-btn:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.1) !important;
  color: #ffffff !important;
  background-color: #8B5CF6 !important;
  box-shadow:
    0 18px 36px -10px rgba(109, 40, 217, 0.6),
    0 0 28px -4px rgba(139, 92, 246, 0.5) !important;
}

body .elementor-element-3266039 a.elementor-button:hover::after,
body a.elementor-button[href*="MxMTQ0"]:hover::after,
body a.elementor-button.kicksy-callback-btn:hover::after {
  animation: kicksy-callback-shine 0.9s ease-out;
}

body .elementor-element-3266039 a.elementor-button:hover .elementor-button-text::before,
body a.elementor-button[href*="MxMTQ0"]:hover .elementor-button-text::before,
body a.elementor-button.kicksy-callback-btn:hover .elementor-button-text::before {
  animation: kicksy-phone-ring 0.6s ease-in-out;
}

/* Active */
body .elementor-element-3266039 a.elementor-button:active,
body a.elementor-button[href*="MxMTQ0"]:active,
body a.elementor-button.kicksy-callback-btn:active {
  transform: translateY(0) scale(0.97) !important;
  transition-duration: 80ms !important;
}

/* Focus */
body .elementor-element-3266039 a.elementor-button:focus-visible,
body a.elementor-button[href*="MxMTQ0"]:focus-visible,
body a.elementor-button.kicksy-callback-btn:focus-visible {
  outline: 2px solid #E8FF59;
  outline-offset: 3px;
}

/* === KEYFRAMES === */
@keyframes kicksy-callback-shine {
  0%   { left: -100%; }
  100% { left: 200%; }
}

@keyframes kicksy-phone-ring {
  0%, 85%, 100% { transform: rotate(0); }
  87% { transform: rotate(-15deg); }
  89% { transform: rotate(15deg); }
  91% { transform: rotate(-12deg); }
  93% { transform: rotate(12deg); }
  95% { transform: rotate(-8deg); }
  97% { transform: rotate(5deg); }
}

/* === ADAPT ≤768 === */
@media (max-width: 768px) {
  body .elementor-element-3266039 a.elementor-button,
  body a.elementor-button[href*="MxMTQ0"],
  body a.elementor-button.kicksy-callback-btn {
    padding: 16px 32px !important;
    font-size: 14px !important;
  }
}

/* === ADAPT ≤480 === */
@media (max-width: 480px) {
  body .elementor-element-3266039 a.elementor-button,
  body a.elementor-button[href*="MxMTQ0"],
  body a.elementor-button.kicksy-callback-btn {
    width: 100% !important;
    max-width: 360px;
    padding: 18px 28px !important;
    min-height: 52px !important;
    font-size: 14px !important;
    box-sizing: border-box;
  }
  body .elementor-element-3266039 a.elementor-button .elementor-button-text::before,
  body a.elementor-button[href*="MxMTQ0"] .elementor-button-text::before,
  body a.elementor-button.kicksy-callback-btn .elementor-button-text::before {
    width: 17px;
    height: 17px;
    margin-right: 8px;
  }
}

/* === ADAPT ≤380 === */
@media (max-width: 380px) {
  body .elementor-element-3266039 a.elementor-button,
  body a.elementor-button[href*="MxMTQ0"],
  body a.elementor-button.kicksy-callback-btn {
    padding: 16px 20px !important;
    letter-spacing: 0.03em !important;
  }
}

/* === REDUCED-MOTION === */
@media (prefers-reduced-motion: reduce) {
  body .elementor-element-3266039 a.elementor-button .elementor-button-text::before,
  body .elementor-element-3266039 a.elementor-button:hover::after,
  body .elementor-element-3266039 a.elementor-button:hover .elementor-button-text::before {
    animation: none;
  }
  body .elementor-element-3266039 a.elementor-button:hover { transform: none !important; }
}/* End custom CSS */