/**
 * Do not edit directly, this file was auto-generated.
 */
.jkl-navlink--beta {
  --border-radius: 4px;
  --separator: 1px solid var(--jkl-color-border-separator);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 2em;
  color: inherit;
  text-decoration: none;
  background-color: var(--jkl-color-background-container-low);
  padding: var(--jkl-spacing-s);
  border-radius: 0;
  font-size: var(--jkl-font-size-3);
  line-height: var(--jkl-line-height-relaxed);
  font-weight: 400;
  --jkl-icon-weight: 300;
  transition-timing-function: cubic-bezier(0, 0, 0.375, 1.17);
  transition-duration: 150ms;
  transition-property: background-color;
}
.jkl-navlink--beta .title,
.jkl-navlink--beta .description {
  grid-column: 1;
}
.jkl-navlink--beta:has(.description) .title {
  font-weight: bold;
}
.jkl-navlink--beta::after {
  content: "arrow_forward"/"";
  grid-column: 2;
  grid-row: 1/span 999;
  translate: 0;
  font-family: "Fremtind Material Symbols", "Fremtind Material Symbols Fallback", sans-serif;
  font-variation-settings: "FILL" var(--jkl-icon-fill, 0), "GRAD" var(--jkl-icon-grade, 0), "opsz" var(--jkl-icon-opsz, 24);
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  font-size: 1.3em;
  font-weight: var(--jkl-icon-weight, 300);
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  transition-timing-function: ease;
  transition-duration: 75ms;
  transition-property: font-variation-settings, transform;
  transition-timing-function: cubic-bezier(0, 0, 0.375, 1.17);
  transition-duration: 150ms;
  transition-property: translate;
}
.jkl-navlink--beta:hover, .jkl-navlink--beta:focus-visible {
  background-color: var(--jkl-color-background-interactive-selected);
}
.jkl-navlink--beta:hover::after, .jkl-navlink--beta:focus-visible::after {
  translate: 4px 0;
}
.jkl-navlink--beta:first-of-type {
  border-start-start-radius: var(--border-radius);
  border-start-end-radius: var(--border-radius);
}
.jkl-navlink--beta:last-of-type {
  border-end-start-radius: var(--border-radius);
  border-end-end-radius: var(--border-radius);
}
.jkl-navlink--beta:has(+ .jkl-navlink--beta) {
  border-block-end: var(--separator);
}