FunctionProject/website/styles/components/FunctionTabs.css

.FunctionTabs__nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  border-bottom: 1px solid #d9e2ef;
  margin-bottom: -1px;
  margin-top: 30px;
}
.FunctionTabs__nav-item {
  margin-bottom: -1px;
  cursor: pointer;
}
.FunctionTabs__nav-link {
  color: var(--text-color);
  border: 1px solid #0c0b0b38;
  border-bottom: 0px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  display: block;
  padding: 0.5rem 1rem;
  transition: 0.2s;
}
.FunctionTabs__nav-link-active {
  border-color: #d9e2ef #d9e2ef #fff;
  color: var(--important);
}
.FunctionTabs__nav-link:hover {
  border-color: #f1f4f8 #f1f4f8 #d9e2ef;
  text-decoration: none;
}

@media (max-width: 490px) {
  .FunctionTabs__nav {
    flex-direction: column;
  }
  .FunctionTabs__nav-link {
    border-color: #f1f4f8 #f1f4f8 #d9e2ef;
  }
}