.elementor-3808 .elementor-element.elementor-element-51aefc8{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3808 .elementor-element.elementor-element-51aefc8:not(.elementor-motion-effects-element-type-background), .elementor-3808 .elementor-element.elementor-element-51aefc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ceeb50d );}.elementor-3808 .elementor-element.elementor-element-264d67d{color:#3D3C39;--flx-min:12;--flx-max:14;}.elementor-3808 .elementor-element.elementor-element-264d67d, .elementor-3808 .elementor-element.elementor-element-264d67d p, .elementor-3808 .elementor-element.elementor-element-264d67d .elementor-widget-container, .elementor-3808 .elementor-element.elementor-element-264d67d .elementor-widget-container p{font-size:clamp(calc(var(--flx-min) * 1px), calc(calc(var(--flx-min) * 1px) + (var(--flx-max) - var(--flx-min)) * ((100vw - calc(var(--flx-min-vw, 320) * 1px)) / (var(--flx-max-vw, 1200) - var(--flx-min-vw, 320)))), calc(var(--flx-max) * 1px)) !important;}.elementor-3808 .elementor-element.elementor-element-58c066f .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-ceeb50d );color:var( --e-global-color-ceeb50d );border-style:solid;border-width:4px 4px 4px 4px;border-color:#E19E881A;border-radius:30px 30px 30px 30px;font-size:clamp(calc(var(--flx-min) * 1px), calc(calc(var(--flx-min) * 1px) + (var(--flx-max) - var(--flx-min)) * ((100vw - calc(var(--flx-min-vw, 320) * 1px)) / (var(--flx-max-vw, 1200) - var(--flx-min-vw, 320)))), calc(var(--flx-max) * 1px)) !important;}.elementor-3808 .elementor-element.elementor-element-58c066f .elementor-button:hover, .elementor-3808 .elementor-element.elementor-element-58c066f .elementor-button:focus{background-color:var( --e-global-color-secondary );border-color:#E19E881A;}.elementor-3808 .elementor-element.elementor-element-58c066f.elementor-element{--align-self:stretch;}.elementor-3808 .elementor-element.elementor-element-58c066f{--flx-min:14;--flx-max:18;}.elementor-3808 .elementor-element.elementor-element-caad28b{--display:flex;border-style:none;--border-style:none;--border-radius:30px 30px 30px 30px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-3808 .elementor-element.elementor-element-caad28b:not(.elementor-motion-effects-element-type-background), .elementor-3808 .elementor-element.elementor-element-caad28b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E19E881A;}.elementor-3808 .elementor-element.elementor-element-7eee89e.elementor-element{--align-self:center;}/* Start custom CSS for wd_social_buttons, class: .elementor-element-7eee89e */.wd-social-icons>a {
    background-color: #E19E88 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-caad28b *//* ==========================================
   1. Розтягуємо сам віджет на 100% ширини контейнера
   ========================================== */
.elementor-element-caad28b .elementor-widget-wd_social_buttons,
.elementor-element-caad28b .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* ==========================================
   2. Головна обгортка іконок
   ========================================== */
.elementor-element-caad28b .wd-social-icons {
    display: flex !important;
    width: 100% !important;
    gap: 10px; /* Збільш або зменш відстань між кнопками */
}

/* ==========================================
   3. Кожна кнопка розширюється рівномірно (Flex-магія)
   ========================================== */
.elementor-element-caad28b .wd-social-icon {
    flex: 1 1 0% !important; /* Рівномірно розширює фон по горизонталі */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important; 
    height: 45px !important; /* Висота фону іконки */
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* Дизайн фону */
    border-radius: 50px !important; 
    background-color: #E19E88 !important; /* Колір фону - зміни під макет */
    transition: all 0.3s ease !important;
}

/* Ефект наведення */
.elementor-element-caad28b .wd-social-icon:hover {
    background-color: #C2ACB6 !important;
}

/* ==========================================
   4. Фікс для самого логотипу (FB, Insta, TikTok)
   ========================================== */
.elementor-element-caad28b .wd-icon {
    flex-shrink: 0 !important; /* Жорстко забороняємо значку стискатись/деформуватись */
    font-size: 24px !important; /* Розмір логотипу */
    color: #ffffff !important;
}/* End custom CSS */