.sp-share {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    margin: 15px 0;
}

.sp-btn {
    white-space: nowrap;
    padding: 10px 16px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Gradient styles per platform */
.sp-btn.fb {
    background: linear-gradient(135deg, #ff4d4d, #b30000);
}

.sp-btn.x {
    background: linear-gradient(135deg, #ff4d4d, #b30000);
}

.sp-btn.wa {
    background: linear-gradient(135deg, #ff4d4d, #b30000);
}

.sp-btn.copy {
    background: linear-gradient(135deg, #ff4d4d, #b30000);
}

.sp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}