.edsp-panel,
.edsp-panel *,
.edsp-panel *::before,
.edsp-panel *::after {
    box-sizing: border-box !important;
}

.edsp-panel {
    position: fixed !important;
    z-index: 99990 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .18)) !important;
}

.edsp-panel .edsp-link {
    all: unset !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 13px !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: width .18s ease, filter .18s ease !important;
}

.edsp-panel.edsp-side-right .edsp-link:first-child {
    border-radius: 8px 0 0 0 !important;
}

.edsp-panel.edsp-side-right .edsp-link:last-child {
    border-radius: 0 0 0 8px !important;
}

.edsp-panel.edsp-side-left .edsp-link:first-child {
    border-radius: 0 8px 0 0 !important;
}

.edsp-panel.edsp-side-left .edsp-link:last-child {
    border-radius: 0 0 8px 0 !important;
}

.edsp-panel .edsp-facebook {
    background: #1877f2 !important;
}

.edsp-panel .edsp-instagram {
    background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045) !important;
}

.edsp-panel .edsp-youtube {
    background: #f00 !important;
}

.edsp-panel .edsp-link:hover,
.edsp-panel .edsp-link:focus-visible {
    width: 58px !important;
    filter: brightness(1.06) !important;
}

.edsp-panel .edsp-link:focus-visible {
    outline: 3px solid #fff !important;
    outline-offset: -4px !important;
}

.edsp-panel svg {
    all: unset !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    fill: currentColor !important;
}

.edsp-panel .edsp-tooltip {
    all: unset !important;
    box-sizing: border-box !important;
    position: absolute !important;
    top: 50% !important;
    display: block !important;
    padding: 7px 10px !important;
    border-radius: 4px !important;
    background: #173d75 !important;
    color: #fff !important;
    font: 600 13px/1.2 Arial, Helvetica, sans-serif !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

.edsp-panel.edsp-side-right .edsp-tooltip {
    right: 64px !important;
    transform: translate(6px, -50%) !important;
}

.edsp-panel.edsp-side-left .edsp-tooltip {
    left: 64px !important;
    transform: translate(-6px, -50%) !important;
}

.edsp-panel .edsp-link:hover .edsp-tooltip,
.edsp-panel .edsp-link:focus-visible .edsp-tooltip {
    opacity: 1 !important;
    transform: translate(0, -50%) !important;
}

@media (max-width: 782px) {
    .edsp-panel {
        width: 44px !important;
    }

    .edsp-panel .edsp-link {
        width: 44px !important;
        height: 44px !important;
        padding: 11px !important;
    }

    .edsp-panel .edsp-link:hover,
    .edsp-panel .edsp-link:focus-visible {
        width: 48px !important;
    }

    .edsp-panel svg {
        width: 22px !important;
        height: 22px !important;
    }

    .edsp-panel .edsp-tooltip {
        display: none !important;
    }
}

@media print {
    .edsp-panel {
        display: none !important;
    }
}
