.article-card{--article-card-bg:#f9f9f9;background-color:var(--article-card-bg);border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.article-card__media{aspect-ratio:16/9;background-color:#eee;width:100%;position:relative}.article-card__image{object-fit:cover;min-width:100%;max-width:100%;min-height:100%;max-height:100%;display:block}.article-card__image--placeholder{background:linear-gradient(45deg,#eee 25%,#f5f5f5 50%,#eee 75%)}.article-card__body{flex-direction:column;flex-grow:1;padding:20px;display:flex}.article-card__date{color:#8c8c8c;margin-bottom:12px;font-size:13px;font-weight:500}.article-card__title{color:#1f1f1f;max-width:100%;margin-top:0;margin-bottom:8px;font-size:16px;font-weight:500;line-height:1.3;overflow:hidden}.article-card__title .article-card__link{text-decoration:none;transition:color .2s}.article-card__title .article-card__link:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.article-card__title .article-card__link:hover{color:var(--color-primary)}.article-card__preview{color:gray;margin:0 0 22px;font-size:13px;font-weight:400;line-height:1.2;display:-webkit-box;overflow:hidden}.article-card__footer{margin-top:auto}.article-card__button{--btn-padding-inline:24px;--btn-text-align:left;--btn-font-size:14px;--btn-font-weight:700;--btn-hover-color:var(--color-primary);--btn-padding-x:16px;--btn-padding-y:14px;width:fit-content;height:40px}.article-card:hover .article-card__button{--btn-color:var(--color-primary)}