.article-card{margin:20px 0;text-align:center}.article-card a:not(.btn){color:#000;text-decoration:none}.article-card .date{font-weight:500;margin:15px 0 5px;text-transform:uppercase}.article-card .headline{border-bottom:1px solid hsla(0,0%,59%,.5);font-size:20px;padding-bottom:35px}.article-card .grid-area{grid-template-areas:"image . date" "image . headline" "image . .";grid-template-columns:250px 25px 1fr;grid-template-rows:auto auto auto;height:100%}.article-card .grid-area .bg-image{grid-area:image;height:150px}.article-card .grid-area .date{grid-area:date}.article-card .grid-area .headline{grid-area:headline}.article-card .grid-area .headline span{background:linear-gradient(180deg,#000 0,#000 98%);background-position:bottom 1px right 100%;background-repeat:no-repeat;background-size:0 2px;display:inline;transition:all .35s linear}.article-card .grid-area .headline span:hover{background-size:100% 2px}@media (min-width:768px){.article-card{text-align:left}.article-card .date{color:#000;font-size:14px;margin:10px 0}.article-card .headline{border-bottom:none;font-size:30px;padding-bottom:25px}.article-card .grid-area{border-top:1px solid hsla(0,0%,59%,.5);display:grid;padding-top:20px}}