.nav-promo .nav-direct,
.mobile-primary > a.mobile-promo {
  color: #55dffb;
}

.nav-promo .nav-direct:hover,
.mobile-primary > a.mobile-promo:hover {
  color: #fff;
}

.nav-promo .nav-direct:focus-visible,
.mobile-primary > a.mobile-promo:focus-visible {
  outline: 2px solid #55dffb;
  outline-offset: -4px;
}

a.promo-box {
  height: auto;
  aspect-ratio: 6 / 5;
  display: block;
  overflow: hidden;
  background: #000718;
  border: 1px solid #1683db;
  cursor: pointer;
  transition: border-color 0.2s, filter 0.2s;
}

a.promo-box::before {
  content: none;
}

a.promo-box img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

a.promo-box:hover {
  border-color: #55dffb;
  filter: brightness(1.08);
}

a.promo-box:focus-visible {
  outline: 2px solid #55dffb;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  a.promo-box {
    transition: none;
  }
}