@use '../../theme';
@use '../../mixins';

.Nav {
  text-align: end;

  &-caption {
    margin-block-end: theme.$spacer-xs;
  }

  &-link {
    @include mixins.link-style;

    display: block;
    padding: 0;
    margin: 0;
    color: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    background-color: transparent;
    border: none;
    inline-size: 100%;
  }
}

@include mixins.rainbowify-text('.Nav-link', color);
