#mid-articles-sort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:fit-content;margin:0 auto 56px}
#mid-articles-sort label{padding:8px 18px;display:block;text-align:center;cursor:pointer;background:#8be6af;transition:background-color .3s;color:#fff;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap;user-select:none}
#mid-articles-sort label:first-of-type{border-radius:3px 0 0 3px}
#mid-articles-sort label:last-of-type{border-radius:0 3px 3px 0}
#mid-articles-sort label:hover,#mid-articles-sort label:has(input:checked){background:#3db05e}
#mid-articles-sort label:has(input:checked){cursor:default}
#mid-articles-sort input{display:none}
@media (max-width: 767px) { #mid-articles-sort{margin:0 auto 25px} }