/* Floating Panel Base Structure */
.fs-773aad75-panel {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Screen Edges Alignment classes applied as prefix_class */
.fs-773aad75-edge-left .fs-773aad75-panel {
    left: 0;
}
.fs-773aad75-edge-right .fs-773aad75-panel {
    right: 0;
}

/* Individual Social Icon Links */
.fs-773aad75-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    box-sizing: border-box;
}

.fs-773aad75-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: inherit;
}

.fs-773aad75-icon svg {
    display: block;
    transition: fill 0.3s ease;
}

/* Hover Animations */
.fs-773aad75-anim-scale .fs-773aad75-link:hover {
    transform: scale(1.15);
}

.fs-773aad75-anim-rotate .fs-773aad75-link:hover {
    transform: rotate(15deg) scale(1.05);
}

.fs-773aad75-edge-right .fs-773aad75-anim-translate .fs-773aad75-link:hover {
    transform: translateX(-5px);
}

.fs-773aad75-edge-left .fs-773aad75-anim-translate .fs-773aad75-link:hover {
    transform: translateX(5px);
}

/* Responsive Mobile Bottom Bar Layout Override */
@media (max-width: 767px) {
    .fs-773aad75-panel.fs-773aad75-mobile-bottom {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        flex-direction: row !important;
        justify-content: space-around !important;
        align-items: center !important;
        transition: all 0.3s ease;
    }
}