.nav__link--quote{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--token-space-1);
  padding:var(--token-space-7px) var(--token-space-15);
  border-radius:var(--token-radius-pill);
  background:rgb(var(--color-white-rgb) / var(--alpha-04));
  border:var(--border-width-hairline) solid rgb(var(--color-white-rgb) / var(--alpha-10));
  backdrop-filter:blur(var(--token-size-10px));
  -webkit-backdrop-filter:blur(var(--token-size-10px));
  transform:translateZ(var(--token-number-0));
  transition:background var(--token-duration-0p18s) ease, border-color var(--token-duration-0p18s) ease, transform var(--token-duration-0p18s) ease, box-shadow var(--token-duration-0p18s) ease;
  line-height:var(--leading-tight);
}

.nav__link--quote:hover{
  background:rgb(var(--color-white-rgb) / var(--alpha-07));
  border-color:rgb(var(--color-white-rgb) / var(--alpha-16));
  transform:translateY(var(--token-size-neg-1px));
  box-shadow:var(--token-number-0) var(--token-size-8px) var(--token-size-24px) rgb(var(--color-black-rgb) / var(--alpha-18));
}

.nav__link--quote:active{
  transform:translateY(var(--token-number-0));
  box-shadow:var(--token-number-0) var(--token-size-6px) var(--token-size-18px) rgb(var(--color-black-rgb) / var(--alpha-14));
}

.nav__link--quote:focus-visible{
  outline:none;
  box-shadow:
    var(--token-number-0) var(--token-number-0) var(--token-number-0) var(--token-size-3px) rgb(var(--color-white-rgb) / var(--alpha-10)),
    var(--token-number-0) var(--token-number-0) var(--token-number-0) var(--token-size-6px) rgb(var(--color-green-rgb) / var(--alpha-26)),
    var(--token-number-0) var(--token-size-10px) var(--token-size-28px) rgb(var(--color-black-rgb) / var(--alpha-22));
}

.bn-nav__icon{
  width:var(--token-size-1p2rem);
  height:var(--token-size-1p2rem);
  display:block;
  opacity:var(--token-number-0p92);
  transform:translateY(var(--token-size-0p5px));
  transition:opacity var(--token-duration-0p18s) ease, transform var(--token-duration-0p18s) ease;
}

.nav__link--quote:hover .bn-nav__icon{
  opacity:var(--token-number-1);
  transform:translateY(var(--token-number-0));
}

.bn-nav__badge{
  position:absolute;
  top:var(--token-number-0);
  right:var(--token-number-0);
  transform:translate(var(--token-ratio-45percent),var(--token-ratio-neg-55percent));

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:var(--token-size-1p05rem);
  height:var(--token-size-1p05rem);
  padding:var(--token-number-0) var(--token-space-05);
  border-radius:var(--token-radius-pill);

  background:var(--color-accent);
  color:rgb(var(--color-black-rgb) / var(--alpha-90));
  box-shadow:var(--token-number-0) var(--token-size-6px) var(--token-size-18px) rgb(var(--color-black-rgb) / var(--alpha-25));

  font-family:var(--font-body);
  font-weight:var(--weight-900);
  font-size:var(--text-label);
  line-height:var(--leading-tight);

  pointer-events:none;
}

.nav__link--quote.is-active{
  background:rgb(var(--color-white-rgb) / var(--alpha-08));
  border-color:rgb(var(--color-green-rgb) / var(--alpha-28));
}

@media (max-width:720px){
  .nav__link--quote{
    width:var(--token-ratio-100percent);
  }
}

@media (prefers-reduced-motion:reduce){
  .nav__link--quote,
  .bn-nav__icon{
    transition:none;
  }
}