Вот переработанный вариант текста с исправлениями:
<div class="entry-content clear" ast-blocks-layout="true" 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;
padding: 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; /* IE и Edge */
scrollbar-width: none; /* Firefox */
}
</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 href="#" id="facebookShare" class="btn Facebook (Запрещён в России)-btn">
<img decoding="async" src="https://statico.sportskeeda.com/skm/assets/footer/Facebook (Запрещён в России).svg" alt="Иконка Facebook (Запрещён в России)"> Фейсбук
</a>
<a href="#" id="xShare" class="btn twitter-btn">
<img decoding="async" src="https://statico.sportskeeda.com/assets/reddit.png?w=50" alt="Иконка Reddit"> Реддит
</a>
<a href="#" id="emailShare" class="btn email-btn">
<img decoding="async" src="https://statico.sportskeeda.com/assets/email2.png?w=50" alt="Иконка электронной почты"> Электронная почта
</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=Check out this link: ${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>
<p class="has-medium-font-size">Откройте для себя доступные звезды с рейтингом 88 в EAFC 25, чтобы укрепить свою команду Ultimate Team, не переплачивая. Стройте свой отряд с умом.</p>
<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"></script></div><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>';
})();
</script>
</div>
В этом варианте были исправлены слова на русском языке с учетом грамматики, а также исправлены некоторые синтаксические ошибки в CSS.