:host {
  display: inline;
}

a {
  display: inline-flex;
  align-items: center;
  gap: var(--lmvz-dimension-6-4, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem));
  padding-inline: var(--lmvz-dimension-12-8, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)) var(--lmvz-dimension-8-4, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem));
  padding-block: var(--lmvz-dimension-8-6, clamp(0.38rem, 0.34rem + 0.13vw, 0.5rem));
  border-radius: var(--lmvz-semantic-border-radius-round, 999px);
  color: var(--lmvz-semantic-color-int-on-tertiary, #000000);
  font: var(--lmvz-typography-body-md-strong, 500 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.5
    Router);
  text-decoration: underline;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

a:hover {
  background-color: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0);
  color: var(--lmvz-semantic-color-int-on-tertiary-hover, #000000);
}

a:active {
  background-color: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0);
  color: var(--lmvz-semantic-color-int-on-tertiary-active, #000000);
}

a:focus-visible {
  outline: var(--lmvz-ds-outline, 1px solid #0e7ab4);
  outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem));
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: rect(0 0 0 0);
  white-space: nowrap;
  border-width: 0;
}