.prev {
 background: #6c757d;
 animation: none; /* отключаем пульсацию, она не нужна для этой кнопки */
}

.prev:hover {
 background: #545b62; /* чуть более тёмный оттенок при наведении */
}

.share-buttons {
 display: flex;
 flex-wrap: wrap;
 gap: 7px;
 margin: 10px 0;
 justify-content: center;
}

.share-btn {
 padding: 10px 20px;
 border: none;
 border-radius: 25px;
 cursor: pointer;
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 color: white;
 font-weight: 600;
 font-size: 0.9rem;
 display: flex;
 align-items: center;
 gap: 8px;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Цвета для соцсетей */
.vk { background: #4a76a8; }
.ok { background: #ff6c00; }
.telegram { background: #0088cc; }
.twitter { background: #1da1f2; }
.whatsapp { background: #25d366; }
.copy { background: #8e8e93; }

/* Иконки (можно заменить на SVG или Font Awesome) */
.vk_icon::before { content: "👥"; }
.ok::before { content: "👥"; }
.telegram::before { content: "✈️"; }
.twitter::before { content: "🕊️"; }
.whatsapp::before { content: "💬"; }
.copy2::before { content: "🔗"; }

/* Эффекты при наведении */
.share-btn:hover {
 transform: translateY(-4px) scale(1.05);
 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/* Эффект при клике */
.share-btn:active {
 transform: translateY(-1px);
}

/* Дополнительная анимация — пульсация для новой кнопки */
.copy {
 animation: pulse 2s infinite;
}

@keyframes pulse {
 0% { box-shadow: 0 0 0 0 rgba(142, 142, 147, 0.7); }
 70% { box-shadow: 0 0 0 10px rgba(142, 142, 147, 0); }
 100% { box-shadow: 0 0 0 0 rgba(142, 142, 147, 0); }
}