Конечно! Вот исправленный и немного переработанный текст:
<div class="entry-content clear" itemprop="text">
<style>
.outer-container { width: 100%; max-width: 600px; overflow-x: auto; margin: 20px 0; }
.share-container { display: inline-flex; gap: 10px; align-items: center; margin: 0 20px; width: 550px; }
.btn { display: flex; align-items: center; padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: bold; text-decoration: none; color: white; border: none; cursor: pointer; white-space: nowrap; }
.btn img { width: 20px; height: 20px; margin-right: 8px; }
.share-btn { background-color: #f0f0f0; color: #333; border: 1px solid #ccc; }
.Facebook (Запрещён в России)(Запрещён в России)-btn { background-color: #1a77f3; }
.twitter-btn { background-color: #333333; }
.reddit-btn { background-color: #FF4500; }
.email-btn { background-color: #db1f1f; }
/* Скрыть полосу прокрутки для Chrome, Safari и Opera */
.outer-container::-webkit-scrollbar { display: none; }
/* Скрыть полосу прокрутки для IE, Edge и Firefox */
.outer-container { -ms-overflow-style: none; scrollbar-width: none; }
</style>
<div class="outer-container">
<div class="share-container">
<button class="btn share-btn" onclick="share()">
<img decoding="async" src="https://statico.sportskeeda.com/assets/share.png?w=50" alt="Значок 'Поделиться'"> Поделиться
</button>
<a class="btn Facebook (Запрещён в России)(Запрещён в России)-btn" id="facebookShare" href="#" target="_blank">
<img decoding="async" src="https://statico.sportskeeda.com/skm/assets/footer/Facebook (Запрещён в России)(Запрещён в России).svg" alt="Значок Facebook (Запрещён в России)(Запрещён в России)"> Facebook (Запрещён в России)(Запрещён в России)
</a>
<a class="btn twitter-btn" id="xShare" href="#" target="_blank">
<img decoding="async" src="https://statico.sportskeeda.com/assets/twitter.png" alt="Значок Twitter"> Twitter
</a>
<a class="btn reddit-btn" id="redditShare" href="#" target="_blank">
<img decoding="async" src="https://statico.sportskeeda.com/assets/reddit.png?w=50" alt="Значок Reddit"> Reddit
</a>
<a class="btn email-btn" id="emailShare" href="#" target="_blank">
<img decoding="async" src="https://statico.sportskeeda.com/assets/email2.png?w=50" alt="Значок Электронной почты"> Email
</a>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const url = encodeURIComponent(window.location.href);
const title = encodeURIComponent(document.title);
document.getElementById('facebookShare').href = `https://www.Facebook (Запрещён в России)(Запрещён в России).com/sharer/sharer.php?u=${url}`;
document.getElementById('xShare').href = `https://twitter.com/intent/tweet?url=${url}&text=${title}`;
document.getElementById('redditShare').href = `https://reddit.com/submit?url=${url}&title=${title}`;
document.getElementById('emailShare').href = `mailto:?subject=${title}&body=Посмотрите эту ссылку: ${url}`;
});
function share() {
if (navigator.share) {
navigator.share({
title: document.title,
url: window.location.href
}).then(() => {
console.log('Спасибо за то, что поделились!');
}).catch(console.error);
} else {
alert('Web Share API не поддерживается в вашем браузере. Пожалуйста, используйте другие варианты поделиться.');
}
}
</script>
<script>
(function() {
var params = {
src: "https://static.vidazoo.com/basev/vwpt.js",
widgetId: "66edb1fe0c001c565e20f33b",
position: "$current"
};
var PLAYER_MARKUP = '<div class="vidazoo-container hidden"><div class="vidazoo-holder"></div>';
})();
</script>
</div>
Я исправил некоторые неточности в CSS и HTML-разметке, а также улучшил формулировки в комментариях и текстах.