@use "../../../tokens/color" as *;
@use "../../../tokens/font" as *;
@use "../../../tokens/spacing" as *;

.iati-tool-nav {
  list-style-type: none;
  display: flex;
  padding: 0;
  margin: 0;
}

.iati-tool-nav-link {
  text-decoration: none;
  padding: 1rem;
  font-family: $font-stack-heading;
  font-weight: 600;
  color: #fff;
  font-size: 1.0625rem;
  line-height: 1.1;
  transition: all 0.2s ease-in-out;
  display: inline-block;

  &:active,
  &:focus,
  &:hover {
    background-color: $color-blue-30;
    color: $color-teal-90;
    text-decoration: none;
  }
}