/* Контейнер со скрытым контентом */
.content-blurred, #hidden-article-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    filter: blur(10px); /* Эффект размытия текста */
    transition: all 0.8s ease-in-out; /* Плавное появление */
}

/* Класс, который уберет размытие и покажет текст */
.content-blurred.content-visible, #hidden-article-content.content-visible {
    max-height: 10000px; /* Достаточная высота для любого текста */
    opacity: 1;
    filter: blur(0);
}

/* Стилизация блока с кнопкой и градиентом затемнения */
.read-more-wrapper {
    position: relative;
    text-align: center;
    padding: 100px 0 20px;
    margin-top: -100px; /* Накладываем градиент на конец видимого текста */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
    z-index: 10;
}

/* Красивая кнопка */
.read-more-btn {
    padding: 12px 30px;
    font-size: 16px;
    background-color: #0284c7; /* Цвет WordPress, замените на свой */
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}

.read-more-btn:hover {
    background-color: #1e40af;
}
.editors-recommendations {
	margin-top:1rem;
	margin-bottom:1rem;
	padding:1rem;
	background: #f1f1f1;
}