@layer base{.news-navigation{display:flex;align-items:center;justify-content:space-between}.news-navigation a.next{margin-left:auto}}@layer theme{.news-navigation{--_color: var(--news-navigation-color, var(--brand-text-color));--_icon-border-color: var(--news-icon-border-color, var(--main-brand-color));--_icon-color: var(--news-icon-color, var(--main-brand-color));--_icon-bg-color: transparent}.news-navigation a.next,.news-navigation a.previous{gap:15px;font-family:var(--ff-secondary);color:var(--_color);font-weight:500;transition:color var(--transition)}.news-navigation a.next span,.news-navigation a.previous span{display:none}.news-navigation a.next .icon,.news-navigation a.previous .icon{border:1px solid var(--_icon-border-color);border-radius:100%;width:32px;color:var(--_icon-color);background-color:var(--_icon-bg-color);transition:color var(--transition);flex:0 0 var(--btn-icon-size, 32px)}.news-navigation a.next:not([disabled]):active,.news-navigation a.previous:not([disabled]):active{color:var(--_color)}.news-navigation a.next:not([disabled]):active .icon,.news-navigation a.previous:not([disabled]):active .icon{color:var(--_icon-color)}@media(hover: hover){.news-navigation a.next:not([disabled]):hover,.news-navigation a.previous:not([disabled]):hover{color:var(--_color)}.news-navigation a.next:not([disabled]):hover .icon,.news-navigation a.previous:not([disabled]):hover .icon{color:var(--_icon-color)}}.news-navigation a.previous{flex-direction:row-reverse}@media(min-width: 992px){.news-navigation a.next span,.news-navigation a.previous span{display:block}}}