.body-compass .articles-subheader-navi a {
  color: #2F80ED;
  font-weight: 400;
}
.articles-subheader-navi .col-3{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 60px;
    position: relative;
}
  @media (max-width: 991px){
    .articles-subheader-navi .col-3{
      padding-right: 10px;
      padding-top: 0;
      padding-bottom: 0;
    }
    .articles-subheader-navi .col-3:before{
      display: none !important;
    }
    .articles-subheader-navi .link-icon-placeholder{
      display: none;
    }
    .articles-subheader-navi {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px){
    .articles-subheader-navi .col-3{
      width: 100%;
    }
    .articles-subheader-navi .link-icon-placeholder{
      display: flex;
    }
}

.body-compass .articles-subheader-navi a:hover, .body-compass .articles-subheader-navi a.selected  {
  color: var(--orange);
}
.body-compass .articles-subheader-navi a:hover img, .body-compass .articles-subheader-navi a.selected, .body-compass .articles-subheader-navi a.selected .link-icon-placeholder {
  filter: invert(53%) sepia(95%) saturate(459%) hue-rotate(339deg) brightness(99%) contrast(94%);
}
.body-compass .articles-subheader-navi a:hover .icon-no-color-change img, .body-compass .articles-subheader-navi a.selected .icon-no-color-change {
  filter: none;
}