.filter-btn.active {background-color: var(--primary, #8B4789) !important;color: white !important;}.article-card {transition: all 0.3s ease;}.article-card[style*="display: none"] {opacity: 0;transform: scale(0.95);}.article-card img {transition: opacity 0.3s ease;}.filter-btn {cursor: pointer;transition: all 0.2s ease;}.filter-btn:hover {transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}#article-count {transition: all 0.3s ease;}@media (max-width: 768px) {.filter-btn {font-size: 0.75rem;padding: 0.5rem 0.75rem;}}