a.con-puff__link {
    text-decoration: none;
}

a.con-puff__link:hover {
    text-decoration: underline;
}

.con-puff__image {
    overflow: hidden;
}

@media (min-width: 769px) {
    .con-puff__image {
        max-height: 23.4rem!important;
    }
}

.con-puff__image img {
    width: 100%;
    transition: transform .2s ease-in;
    max-width: none;
    transform: scale(1.03);
}

a:hover .con-puff img,
a:focus .con-puff img {
    transform: scale(1.1);
}

.con-puff__title {
    margin-top: .8rem;
    display: inline-block;
    font-weight: 600;
}

.con-puff__preamble {
    font-size: 1.8rem;
}

.con-puff__date {
    background-color: #f4f5f5;
    padding: .64rem;
}

.con-puff__date--text {
    margin-left: .3rem;
    color: #707070
}

.con-puff .icon-clock {
    color: #707070
}