.custom-share-modern {
margin-top: 30px;
text-align: center;
direction: rtl;
}
.share-title {
display: block;
margin-bottom: 15px;
font-weight: bold;
}
.share-icons {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
.share-icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
color: #fff;
font-size: 20px;
transition: 0.3s ease;
text-decoration: none;
}
.share-icon:hover {
transform: translateY(-4px);
opacity: 0.9;
} .fb { background: #1877f2; }
.tw { background: #000; }
.tg { background: #0088cc; }
.wa { background: #25D366; } @media (max-width: 768px) {
.share-icon {
width: 45px;
height: 45px;
font-size: 18px;
}
}