.article-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px}.article-actions__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-weight:700;font-size:16px;line-height:24px;text-transform:uppercase;color:var(--white)}.article-actions__button svg{width:24px;height:24px;fill:var(--white-40);-webkit-transition:fill .3s;transition:fill .3s}.article-actions__button.liked svg{fill:var(--light-red)}@media (any-hover:hover){.article-actions__button:not(div):hover svg{fill:var(--white);-webkit-transition:fill .3s;transition:fill .3s}.article-actions__button.liked:not(div):hover svg{fill:var(--light-red)}}.article-headline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:16px}.article-headline .delimiter{margin:0 8px}.article-headline__avatar{width:24px;height:24px;border-radius:20px;overflow:hidden}.article-headline__txt{font-weight:500;font-size:14px;line-height:24px;color:var(--white-60)}.article-date,.article-time,.article-views{font-weight:500;font-size:16px;line-height:24px;color:var(--white-60)}.article-time,.article-views{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.article-time svg,.article-views svg{width:16px;height:16px;fill:var(--white-40)}.article-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:6px 12px;font-weight:500;font-size:12px;line-height:16px;border-radius:16px;color:var(--white);background-color:var(--white-10);border:1px solid var(--white-20)}.article-badge svg{width:16px;height:16px;fill:var(--white-40)}.article-badge--orange{color:var(--orange);background:rgba(255,116,56,.08);border:1px solid rgba(255,116,56,.08)}.article-badge--orange svg{fill:var(--orange)}.article-badge--purple{color:var(--purple);background:rgba(141,106,220,.08);border:1px solid rgba(141,106,220,.08)}.article-badge--purple svg{fill:var(--purple)}.article-badge--green{color:var(--green);background:rgba(10,200,91,.08);border:1px solid rgba(10,200,91,.08)}.article-badge--green svg{fill:var(--green)}