.btn-blog-details {
    position: absolute;
    bottom: 0;
    border: 0;
    width: 100%;
}

.btn-blog-details:hover {
    background-image: linear-gradient(transparent, rgba(var(--bs-body-color-rgb), 0.5));
}

.blog {
    opacity: 0.8;
    position: relative;
}

.blog:hover {
    opacity: 1;
}

.card-body {
    overflow: hidden;
}

.text-preview {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

hr {
    margin: auto 0;
}
