.top-navigation {
    background: #F5F5F5;
}
.border-grey-top {
    border-top: 1px solid #DDDDDD;
}
.top-navigation__link {
    font-size: 18px;
}
.link--green {
  color: var(--green);
  border-bottom: 1px dashed var(--green);
  padding-bottom: 2px;
  transition: 320ms;
  display: flex;
}
.link--green:hover, .link--green:focus, .link--green:active, .link--green:target, .link--green:focus-within {
  text-decoration: none;
  border-color: var(--orange);
}

[id^="read-text-more-"] {    
  color: var(--orange);
  border-bottom: 1px dashed var(--orange);
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .top-navigation {
    border: none;
  }
  .top-navigation__container {
    overflow-x: scroll;
    padding: 6px 0px 12px !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }
  .top-navigation__link {
    box-shadow: 4px 15px 30px 0 rgba(0, 0, 0, 0.04);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: inherit;
    padding: 8px 13px;
    border-radius: 8px;
    text-underline-offset: 4px;
    margin-right: 8px;
    white-space: nowrap;
    background-color: var(--gray3);
    color: var(--green);
    border: none;
  }
}