@layer components {
  .language-switcher {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--font-size-sm);
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: color var(--transition-base);

    &:hover {
      color: var(--color-accent);
    }
  }
}