@layer component {
  .miz-nav__link {
    font-size: var(--nav-link-font-size);
    font-weight: var(--nav-link-font-weight);
    text-align: var(--nav-link-text-align);
    padding: var(--component-mode-link-space-padding, var(--nav-link-space-padding));
    background-color: var(--component-mode-link-background-color, var(--nav-link-background-color));
    color: var(--component-mode-link-color, var(--nav-link-text-color));
    text-decoration: var(--component-mode-link-text-decoration, var(--nav-link-text-decoration));
    display: var(--nav-link-display);
    align-items: var(--nav-link-display-flex-align-items);
    gap: var(--nav-link-display-flex-gap);
    width: 100%;
    border: none;
  }
  .miz-nav__link:hover {
    background-color: var(--component-mode-link-background-color-hover, var(--nav-link-background-color-hover));
    color: var(--component-mode-link-text-color-hover, var(--nav-link-text-color-hover));
    text-decoration: var(--component-mode-link-text-decoration-hover, var(--nav-link-text-decoration-hover));
  }
}