.footernav01__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.footernav01__link {
  color: color-mix(in srgb, currentColor 72%, transparent);
  transition: color var(--t-fast) var(--ease);
}

.footernav01__link:hover,
.footernav01__link:focus-visible {
  color: currentColor;
}

@media (min-width: 768px) {
  .footernav01__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--space-2) var(--space-5);
  }
}