/* blog-item */
.blog-item {
    &:hover {
        .blog-thumb img {
            transform: translateZ(0) scale(1.07);
        }

        .blog-title {
            text-decoration: underline;
        }
    }
}

.blog {
    .list-blog {
        .blog-item {
            .blog-thumb {
                aspect-ratio: 3/2;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }
}

// list-tags
.list-tags {
    .tags {
        &.active {
            background-color: var(--black);
            color: var(--white) !important;
        }
    }
}