/**
 * Do not edit directly, this file was auto-generated.
 */
.jkl-navlink--beta {
  --background-color: var(--jkl-color-background-container);
  --border-color: transparent;
  --border-radius: var(--jkl-border-radius-s);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 2em;
  color: inherit;
  text-decoration: none;
  background-color: var(--background-color);
  padding: var(--jkl-spacing-s);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  font: var(--jkl-text-style-paragraph-medium);
  transition-timing-function: var(--jkl-motion-easing-ease-in-bounce-out);
  transition-duration: var(--jkl-motion-timing-productive);
  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: var(--jkl-font-family-icons);
  font-variation-settings: "FILL" var(--jkl-icon-fill, 0);
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  flex-shrink: 0;
  -webkit-font-smoothing: antialiased;
  transition-timing-function: var(--jkl-motion-easing-standard);
  transition-duration: var(--jkl-motion-timing-energetic);
  transition-property: font-variation-settings, transform;
  transition-timing-function: var(--jkl-motion-easing-ease-in-bounce-out);
  transition-duration: var(--jkl-motion-timing-productive);
  transition-property: translate;
}
.jkl-navlink--beta[data-outlined=true] {
  --background-color: transparent;
  --border-color: var(--jkl-color-border-subdued);
}
.jkl-navlink--beta:hover, .jkl-navlink--beta:focus-visible {
  background-color: var(--jkl-color-background-container-accent);
}
.jkl-navlink--beta:hover::after, .jkl-navlink--beta:focus-visible::after {
  translate: 4px 0;
}
.jkl-navlink--beta:focus-visible {
  outline: 3px solid var(--jkl-color-border-strong);
  outline-offset: 3px;
}