.post-preview {
    background-color: var(--bs-white);
    margin: 10px 0;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.post-preview:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.post-preview-title a {
    color: var(--bs-body-color);
    text-decoration: none;
}

.post-preview-title a:hover {
    color: var(--bs-primary);
}

.post_description {
    color: var(--bs-secondary-color);
}

.post-preview-footer {
    color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}