.tabs__button {
  color: rgb(var(--c-primary));
  font-size: var(--f-size-l-1);
  font-family: var(--f-family);
  font-weight: var(--f-weight-b);
  border-radius: var(--b-radius-m);
  background: transparent;
  border: 2px solid rgb(var(--c-primary));
  padding: 0 1rem;
  text-transform: uppercase;
}

.tabs__button:hover {
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
}

.tabs__button.-active {
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
  font-size: var(--f-size-l-1);
  font-family: var(--f-family);
  font-weight: var(--f-weight-b);
  border-radius: var(--b-radius-m);
  padding: 0 1rem;
  text-transform: uppercase;
}

.tabs__nav {
  align-content: center;
  align-items: center;
}

.accordion__header .accordion__button {
  font-size: var(--f-size-l-1);
  background: rgb(var(--c-neutral-lighter));
  color: rgb(var(--c-primary));
  border-radius: var(--b-radius-s);
  padding: 0.75rem 4rem 0.75rem 1rem;
  position: relative;
  cursor: pointer;
  outline: none;
  border: none;
  line-height: 1.4;
}

.accordion__header.-active .accordion__button {
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
}

.accordion.-vertical .accordion__header.-active::after {
  color: rgb(var(--c-neutral-lightest));
}

.frame-bg-grey .accordion__header .accordion__button {
  background: rgb(var(--c-neutral-lightest));
}

.frame-bg-grey .accordion__header.-active .accordion__button {
  background: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
}

.accordion__item {
  margin-bottom: 2px;
}