.article-card{display:flex;height:240px}.article-card:hover .article-card-cover{width:55%}.article-card:hover .article-card-content{width:45%}.article-card-cover{height:100%;width:50%;background-position:50%;background-size:cover;transition:all .2s ease-in;cursor:pointer}.article-card-content{display:flex;flex-direction:column;justify-content:space-between;padding:32px;width:50%;transition:all .2s ease-in}.article-card-content-name{font-size:1.25rem;letter-spacing:2px;cursor:pointer}.article-card-content-category,.article-card-content-date{display:flex;align-items:center;letter-spacing:1px;font-size:.9rem;color:#999}.article-card-content-category span,.article-card-content-date span{margin-left:4px}.article-card-content-category svg,.article-card-content-date svg{fill:#999}@media screen and (max-width:575px){.article-card{flex-direction:column}.article-card-content,.article-card-cover,.article-card:hover .article-card-content,.article-card:hover .article-card-cover{width:100%}.article-card-content{height:180px;padding:16px}}