.elementor-42 .elementor-element.elementor-element-1c35fc81:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-1c35fc81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#361A6B;background-image:url("https://trafficano.io/wp-content/uploads/2026/03/fon1.webp");background-size:cover;}.elementor-42 .elementor-element.elementor-element-1c35fc81 > .elementor-background-overlay{background-color:#000000;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42 .elementor-element.elementor-element-1c35fc81 > .elementor-container{min-height:100vh;}.elementor-42 .elementor-element.elementor-element-1c35fc81{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-42 .elementor-element.elementor-element-124ea17e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-element-populated, .elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-element-populated > .elementor-background-overlay, .elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-42 .elementor-element.elementor-element-2d1a23e .pix-img-el, .elementor-42 .elementor-element.elementor-element-2d1a23e .pix-img-div, .elementor-42 .elementor-element.elementor-element-2d1a23e div{text-align:center !important;}.elementor-42 .elementor-element.elementor-element-3b3b338{--spacer-size:3em;}.elementor-42 .elementor-element.elementor-element-ff9c964 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-ff9c964 p{margin-bottom:0;}.elementor-42 .elementor-element.elementor-element-cad2555{--spacer-size:3em;}.elementor-42 .elementor-element.elementor-element-5267b284{width:auto;max-width:auto;}.elementor-42 .elementor-element.elementor-element-5267b284 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:5px 5px 5px 5px;}.elementor-42 .elementor-element.elementor-element-6b15646{width:auto;max-width:auto;}.elementor-42 .elementor-element.elementor-element-6b15646 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:5px 5px 5px 5px;}:root{--page-title-display:none;}@media(max-width:1024px){}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-1c35fc81 > .elementor-container{min-height:100vh;}.elementor-42 .elementor-element.elementor-element-1c35fc81 > .elementor-background-overlay{opacity:0.5;}.elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-element-populated, .elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-element-populated > .elementor-background-overlay, .elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-42 .elementor-element.elementor-element-124ea17e > .elementor-element-populated{margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-42 .elementor-element.elementor-element-ff9c964 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-5267b284{width:100%;max-width:100%;text-align:center !important;}.elementor-42 .elementor-element.elementor-element-5267b284 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-6b15646{width:100%;max-width:100%;text-align:center !important;}.elementor-42 .elementor-element.elementor-element-6b15646 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-84e7626 > .elementor-widget-container{margin:10px 0px 0px 0px;}}/* Start custom CSS for pix-button, class: .elementor-element-5267b284 *//* --- 1. ФАКТУРА: ИДЕАЛЬНО ГЛАДКОЕ СТЕКЛО --- */
.elementor-42 .elementor-element.elementor-element-5267b284 .elementor-button, 
.elementor-42 .elementor-element.elementor-element-5267b284 .pix-btn,
.elementor-42 .elementor-element.elementor-element-5267b284 a {
    position: relative !important;
    overflow: hidden !important; 
    
    background: linear-gradient(180deg, rgba(4, 121, 86, 0.4) 0%, rgba(4, 121, 86, 0.2) 100%) !important;
    backdrop-filter: blur(25px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(150%) !important;
    
    /* ИСПРАВЛЕНИЕ: Однородная тонкая рамка для идеальных стыков без "лесенки" */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    
    /* ИСПРАВЛЕНИЕ: Перенесли блик и тень кромки во внутренние тени (inset) */
    box-shadow: 
        inset 0 2px 3px -1px rgba(255, 255, 255, 0.6), /* Плавный яркий срез сверху */
        inset 0 -2px 5px -1px rgba(0, 0, 0, 0.3),      /* Плавная глубина стекла снизу */
        0 10px 20px -5px rgba(0, 0, 0, 0.2) !important; /* Тень под кнопкой */
        
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
}

/* --- ЗАЩИТА ТЕКСТА --- */
.elementor-42 .elementor-element.elementor-element-5267b284 .elementor-button-content-wrapper,
.elementor-42 .elementor-element.elementor-element-5267b284 .pix-btn-content,
.elementor-42 .elementor-element.elementor-element-5267b284 .elementor-button-text,
.elementor-42 .elementor-element.elementor-element-5267b284 .elementor-button-icon,
.elementor-42 .elementor-element.elementor-element-5267b284 span {
    position: relative !important;
    z-index: 2 !important;
}

/* --- 2. РЕАЛИСТИЧНЫЙ БЛИК СВЕТА (Остался без изменений) --- */
.elementor-42 .elementor-element.elementor-element-5267b284 .elementor-button::before,
.elementor-42 .elementor-element.elementor-element-5267b284 .pix-btn::before,
.elementor-42 .elementor-element.elementor-element-5267b284 a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important; 
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2), transparent) !important;
    transform: skewX(-25deg) !important; 
    z-index: 1 !important;
    transition: none !important;
}

/* --- 3. ЧТО ПРОИСХОДИТ ПРИ НАВЕДЕНИИ --- */
.elementor-42 .elementor-element.elementor-element-5267b284 .elementor-button:hover,
.elementor-42 .elementor-element.elementor-element-5267b284 .pix-btn:hover,
.elementor-42 .elementor-element.elementor-element-5267b284 a:hover {
    background: linear-gradient(180deg, rgba(4, 121, 86, 0.5) 0%, rgba(4, 121, 86, 0.3) 100%) !important;
    box-shadow: 
        inset 0 2px 3px -1px rgba(255, 255, 255, 0.8), /* Усиливаем верхний блик */
        inset 0 -2px 5px -1px rgba(0, 0, 0, 0.2),
        0 12px 25px -5px rgba(4, 121, 86, 0.4) !important; /* Зеленоватая внешняя тень */
}

/* Запускаем луч света слева направо */
.elementor-42 .elementor-element.elementor-element-5267b284 .elementor-button:hover::before,
.elementor-42 .elementor-element.elementor-element-5267b284 .pix-btn:hover::before,
.elementor-42 .elementor-element.elementor-element-5267b284 a:hover::before {
    left: 150% !important;
    transition: left 0.6s ease-in-out !important; 
}

/* Слегка вдавливаем при клике */
.elementor-42 .elementor-element.elementor-element-5267b284 .elementor-button:active,
.elementor-42 .elementor-element.elementor-element-5267b284 .pix-btn:active,
.elementor-42 .elementor-element.elementor-element-5267b284 a:active {
    transform: scale(0.96) !important;
}/* End custom CSS */
/* Start custom CSS for pix-button, class: .elementor-element-6b15646 *//* --- 1. ФАКТУРА: ИДЕАЛЬНО ГЛАДКОЕ СТЕКЛО --- */
.elementor-42 .elementor-element.elementor-element-6b15646 .elementor-button, 
.elementor-42 .elementor-element.elementor-element-6b15646 .pix-btn,
.elementor-42 .elementor-element.elementor-element-6b15646 a {
    position: relative !important;
    overflow: hidden !important; 
    
    background: linear-gradient(180deg, rgba(4, 121, 86, 0.4) 0%, rgba(4, 121, 86, 0.2) 100%) !important;
    backdrop-filter: blur(25px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(150%) !important;
    
    /* ИСПРАВЛЕНИЕ: Однородная тонкая рамка для идеальных стыков без "лесенки" */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    
    /* ИСПРАВЛЕНИЕ: Перенесли блик и тень кромки во внутренние тени (inset) */
    box-shadow: 
        inset 0 2px 3px -1px rgba(255, 255, 255, 0.6), /* Плавный яркий срез сверху */
        inset 0 -2px 5px -1px rgba(0, 0, 0, 0.3),      /* Плавная глубина стекла снизу */
        0 10px 20px -5px rgba(0, 0, 0, 0.2) !important; /* Тень под кнопкой */
        
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
}

/* --- ЗАЩИТА ТЕКСТА --- */
.elementor-42 .elementor-element.elementor-element-6b15646 .elementor-button-content-wrapper,
.elementor-42 .elementor-element.elementor-element-6b15646 .pix-btn-content,
.elementor-42 .elementor-element.elementor-element-6b15646 .elementor-button-text,
.elementor-42 .elementor-element.elementor-element-6b15646 .elementor-button-icon,
.elementor-42 .elementor-element.elementor-element-6b15646 span {
    position: relative !important;
    z-index: 2 !important;
}

/* --- 2. РЕАЛИСТИЧНЫЙ БЛИК СВЕТА (Остался без изменений) --- */
.elementor-42 .elementor-element.elementor-element-6b15646 .elementor-button::before,
.elementor-42 .elementor-element.elementor-element-6b15646 .pix-btn::before,
.elementor-42 .elementor-element.elementor-element-6b15646 a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important; 
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2), transparent) !important;
    transform: skewX(-25deg) !important; 
    z-index: 1 !important;
    transition: none !important;
}

/* --- 3. ЧТО ПРОИСХОДИТ ПРИ НАВЕДЕНИИ --- */
.elementor-42 .elementor-element.elementor-element-6b15646 .elementor-button:hover,
.elementor-42 .elementor-element.elementor-element-6b15646 .pix-btn:hover,
.elementor-42 .elementor-element.elementor-element-6b15646 a:hover {
    background: linear-gradient(180deg, rgba(4, 121, 86, 0.5) 0%, rgba(4, 121, 86, 0.3) 100%) !important;
    box-shadow: 
        inset 0 2px 3px -1px rgba(255, 255, 255, 0.8), /* Усиливаем верхний блик */
        inset 0 -2px 5px -1px rgba(0, 0, 0, 0.2),
        0 12px 25px -5px rgba(4, 121, 86, 0.4) !important; /* Зеленоватая внешняя тень */
}

/* Запускаем луч света слева направо */
.elementor-42 .elementor-element.elementor-element-6b15646 .elementor-button:hover::before,
.elementor-42 .elementor-element.elementor-element-6b15646 .pix-btn:hover::before,
.elementor-42 .elementor-element.elementor-element-6b15646 a:hover::before {
    left: 150% !important;
    transition: left 0.6s ease-in-out !important; 
}

/* Слегка вдавливаем при клике */
.elementor-42 .elementor-element.elementor-element-6b15646 .elementor-button:active,
.elementor-42 .elementor-element.elementor-element-6b15646 .pix-btn:active,
.elementor-42 .elementor-element.elementor-element-6b15646 a:active {
    transform: scale(0.96) !important;
}/* End custom CSS */