.tabs {
  display: flex;
  gap: 0.5rem;
  border-bottom: 1px solid var(--color-gray-200);
}

.tabs__link {
  display: block;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background-color: transparent;
  color: var(--color-blue-600);
}

.tabs__link:hover {
  background-color: var(--color-blue-50);
  text-decoration: none;
  border-radius: 0.375rem;
}

.tabs__link--active {
  background-color: var(--color-zinc-100);
  color: var(--color-black);
  font-weight: 600;
  border-radius: 0.375rem;
}

.tabs__link--active:hover {
  background-color: var(--color-zinc-100);
  text-decoration: none;
}