.ssb-share {
  margin-top: 30px;
  padding: 20px;
  background: #f1f4f7;
  border-radius: 10px;
}

.ssb-share h2 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #333;
  text-align: center;
}

.ssb-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 15px;
}

.ssb-btn {
  padding: 10px 16px;
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  transition: 0.3s;
}

.ssb-btn.fb { background: #3b5998; }
.ssb-btn.tw { background: #1da1f2; }
.ssb-btn.in { background: #0077b5; }
.ssb-btn.tg { background: #0088cc; }
.ssb-btn.wa { background: #25d366; }
.ssb-btn.rb { background: #ff6600; }
.ssb-btn.et { background: #0066cc; }
.ssb-btn.pt { background: #bd081c; }
.ssb-btn.ig { background: #e1306c; }
.ssb-btn.sr { background: #009688; }

.ssb-btn:hover {
  opacity: 0.85;
}

.ssb-shortlink {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.ssb-shortlink input {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 220px;
  text-align: center;
}

.ssb-shortlink button {
  padding: 8px 14px;
  border: none;
  border-radius: 6px;
  background: #444;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

.ssb-shortlink button:hover {
  background: #222;
}

/* 📱 موبایل: دقیقاً ۵ دکمه در یک سطر */
@media (max-width: 480px) {
  .ssb-buttons {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* ۵ ستون مساوی */
    gap: 8px;
    justify-items: center;
  }

  .ssb-btn {
    width: 100%;
    font-size: 12px;   /* متن کوچیک‌تر برای خوانایی */
    padding: 8px 6px;
  }

  .ssb-shortlink {
    flex-direction: column;
    align-items: center;
  }

  .ssb-shortlink input {
    width: 100%;
  }
}