.mpnarticle-container{
    width: 300px;
    margin: 15px;
    overflow: hidden;
    transform: scale(1);
    transition: transform 0.4s ease;
}

.mpnarticle-container:hover{
    transform: scale(1.05);
}

.mpnarticle-img-container{
    width: 100%;
    height: 168px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.mpnarticle-info-container{
    padding: 1rem;
}

.mpnarticle-info-container h3{
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    color: var(--generic-text);
}

.mpnarticle-info-container>.mpnarticle-category{
    font-size: 0.8rem;
    text-transform: uppercase;
    text-align: center;
    color: var(--super-oscuro-cucu);
    margin-bottom: 0.25rem;
    font-weight: 600;
}

.mpnarticle-link{
    border-right: 2px solid #fff;
}

.mpnarticle-link:last-child{
    border-right: 0;
}

.mpnarticle-link:hover{
    text-decoration: none;
}

@media only screen and (max-width: 768px){
    .mpnarticle-link{
        border-right: 0;
    }
}