.rotating-nav-container {
  width: 100%;
  overflow: hidden;
  padding: 0.6rem 0;
  border-bottom: 0.0625rem solid var(--color-separator-border);
}

.rotating-nav-track {
  display: flex;
  gap: 12%;
  animation: none;
  will-change: transform;
}

.rotating-nav-card {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
}

.rotating-nav-track a {
  text-decoration: none;
  text-wrap: nowrap;
  color: var(--color-text);
  display: flex;
  align-items: center;
  gap: .5rem
}

.rotating-nav-icon {
  width: 1rem;
  height: 1rem;
  fill: var(--purple-1);
}