.share {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 40px;
  padding-bottom: 40px;
}

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

  padding: 10px 16px;
  border-radius: 999px;

  font-size: 14px;
  font-weight: 500;
  text-decoration: none;

  color: #fff;
  background: #222;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.share__btn i {
  font-size: 14px;
}

.share__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.share__btn:active {
  transform: scale(0.97);
}

.share__btn--fb {
  background: #1877f2;
}

.share__btn--x {
  background: #000000;
}

.share__btn--wa {
  background: #25d366;
}

.share__btn--fb:hover {
  background: #166fe0;
}

.share__btn--x:hover {
  background: #222;
}

.share__btn--wa:hover {
  background: #1ebe5d;
}