.main-menu {
  @extend .row-sta-sta, .gap-h-1;

  > a {
    @extend .pad-0x5, .anim;

    // TODO: move to atoms
    color: var(--color-brand-blue);
    border-radius: 6px;
    border: 1px solid var(--color-brand-blue);
    text-decoration: none;

    &:hover,
    &[aria-current]:not([aria-current=""]) {
      color: var(--default-color-white);
      background-color: var(--color-brand-blue);
    }
  }
}