/* =====================
   INLINE SHARE
   ===================== */

.share--inline{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 8px;
}

.share__icon{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(11,19,36,.25);
  color: rgba(238,243,255,.9);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  cursor: pointer;
  backdrop-filter: blur(6px);
  transition: all .18s ease;
  text-decoration: none;
}

.share__icon:hover{
  background: rgba(255,255,255,.12);
  border-color: rgba(122,183,255,.45);
  color: #fff;
  transform: translateY(-2px);
}

.share__icon:active{
  transform: translateY(0);
}

.share {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.share__copy.is-copied {
  background: linear-gradient(135deg, #38d39f, #2bb673);
  color: white;
  transform: scale(1.05);
  transition: all 0.2s ease;
}

@media (max-width: 640px) {
  .share--inline {
    justify-content: flex-start;
    margin-top: 14px;
    margin-left: 0;
  }
}