.ssm-social-share {
    margin: 20px 0;
    clear: both;
    display: flex;
    align-items: center;
}

.ssm-share-text {
    margin-right: 10px;
    font-weight: bold;
}

.ssm-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ssm-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    transition: all 0.3s ease;
}

.ssm-btn:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

/* Platform colors */
.ssm-facebook { background: #3b5998; }
.ssm-twitter { background: #1da1f2; }
.ssm-linkedin { background: #0077b5; }
.ssm-pinterest { background: #bd081c; }
.ssm-whatsapp { background: #25d366; }
.ssm-telegram { background: #0088cc; }
.ssm-reddit { background: #ff4500; }
.ssm-email { background: #666666; }

/* Floating buttons */
.ssm-floating-buttons {
    position: fixed;
    left: 20px;
    top: 58%;
    transform: translateY(-50%);
    z-index: 9999;
}

.ssm-floating-buttons-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ssm-floating-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    transition: all 0.3s ease;
    border-radius: 50%;
}

.ssm-floating-btn:hover {
    opacity: 0.9;
    transform: scale(1.1);
}

/* Responsive styles */
@media (max-width: 768px) {
    .ssm-social-share {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .ssm-share-text {
        margin-bottom: 10px;
    }
    
    .ssm-floating-buttons {
        display: none;
    }
}