.blog-sidebar .card {
    border-radius: 12px;
}
.blog-sidebar .list-group-item {
    transition: all 0.3s ease;
    background: transparent;
}
.blog-sidebar .list-group-item:hover {
    background-color: var(--bg-light);
    padding-left: 10px;
}
.blog-sidebar .badge {
    font-size: 0.7rem;
    transition: all 0.3s ease;
}
.blog-sidebar .btn-rounded-circle {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 991.98px) {
    .blog-sidebar {
        margin-top: 3rem;
    }
    .blog-sidebar .card {
        margin-bottom: 1.5rem;
    }
}