.tabs nav {
  padding: 0;
  border-radius: 32px;
  border: 2px solid var(--wp--preset--color--grey);
}
.tabs ul {
  font-size: var(--wp--preset--font-size--normal);
  font-weight: var(--wp--custom--font-weight--bold);
  padding: 6px !important;
}
.tabs ul li {
  padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--40) var(--wp--preset--spacing--12);
  border-radius: 26px;
}
.tabs ul li.active {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.tabs ul li::after {
  background: var(--wp--preset--color--grey);
  visibility: hidden;
}
.tabs ul li.active::after {
  background: var(--wp--preset--gradient--blue-purple);
}

@media (prefers-color-scheme: dark) {
  .tabs ul, .tabs nav  {
    background: var(--wp--preset--color--super-dark-grey);
    border: none;
  }
}