*{box-sizing:border-box;margin:0;padding:0}body{background-color:#555}.content-wrapper{display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto;max-width:1200px;padding:.5rem}.news-card{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;border:0 solid aqua;border-radius:.5rem;box-shadow:0 0 1rem rgba(0,0,0,.5);flex:1;height:12rem;margin:.5rem;min-width:290px;overflow:hidden;position:relative;-webkit-transform:translateZ(0);-moz-transform:translateZ(0)}@media (min-width:900px){.news-card{height:20rem}}.news-card:before{background:transparent linear-gradient(180deg,transparent 50%,hsla(0,0%,8%,.95) 80%);content:"";z-index:0}.news-card:before,.news-card__card-link{height:100%;left:0;position:absolute;top:0;width:100%}.news-card__card-link{z-index:1}.news-card__image{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;object-fit:cover;position:relative;transition:transform 3s ease;width:100%;z-index:-1}.news-card__text-wrapper{bottom:0;color:#fff;padding:1rem;position:absolute;transition:background-color 1.5s ease}.news-card__title{margin-bottom:.5rem;transition:color 1s ease}.news-card__post-date{color:#ccc;font-size:.7rem;margin-bottom:.5rem}.news-card__details-wrapper{max-height:0;opacity:0;transition:max-height 1.5s ease,opacity 1s ease}@media (min-width:900px){.news-card:hover .news-card__details-wrapper{max-height:20rem;opacity:1}.news-card:hover .news-card__text-wrapper{background-color:rgba(0,0,0,.6)}.news-card:hover .news-card__title{color:#ff0}.news-card:hover .news-card__image{transform:scale(1.2);z-index:-1}}.news-card__excerpt{font-weight:300}.news-card__read-more{background:#000;border:1px solid #444;border-radius:.3rem;color:#bbb;display:block;font-size:.8rem;margin-left:auto;margin-top:1rem;padding:.4rem .6rem;text-decoration:none;width:7rem;z-index:5}.news-card__read-more,.news-card__read-more i{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative}.news-card__read-more i{color:#888;left:.2rem;transition:left .5s ease,color .6s ease}.news-card__read-more:hover i{color:#ff0;left:.5rem}