.media-card .card-content {
    padding: 2rem 2.5rem;
}

.media-card .card-content .short-description {
    color: var(--neutral);
}

.media-card .card-content .latest,
.media-card .card-content .comming-soon {
    height: 22rem;
}

.media-card .card-content .comming-soon .content {
    color: var(--neutral);
    cursor: default;
    margin: 1.5rem 0 1.5rem 0;
}

.media-card .card-content .latest .content {
    color: var(--neutral);
    margin: 1.5rem 0 1.5rem 0;
}

.media-card .card-content .latest .content .topic {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.media-card .card-content .view-btn a {
    color: var(--secondary);
}

.media-card .card-content.watch {
    background: rgba(51, 53, 125, 0.41);
    color: var(--primary);
}

.media-card .card-content.listen {
    background: rgba(224, 170, 85, 0.54);
    color: var(--primary);

}

.media-card .card-content.read {
    background: rgba(121, 184, 204, 0.54);
    color: var(--primary);
}