.trending-section {background: linear-gradient(145deg, #1e2434, #171c27); padding: 20px; border-radius: 15px; position: sticky; top: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border: 1px solid rgba(56, 203, 180, 0.1); margin-top: 20px; } .trending-topics {list-style-type: none; } .trending-topics li {margin-bottom: 10px; padding: 10px; background: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s; } .trending-topics li:hover {background-color: #2d3748; color: gray; } .trending-topics li span {color: #9ca3af; font-size: 0.8em; margin-left: 10px; } @media (max-width: 768px) {.trending-section {display: none; } }