.accordion {
  --accordion-spacing: var(--spacing-2);
  border-block-start-width: 0;
  border-color: var(--c-web-black);
}

.accordion__toggle {
  padding-block-start: 18px;
  padding-block-end: 18px;

  @media screen and (min-width: 1000px) {
    padding-block-start: 22px;
    padding-block-end: 22px;
  }
}

.accordion__title {
  font-family: var(--global-font-family-button);
  font-size: var(--font-size-button-text-small);
  font-weight: var(--global-font-weight-button);
  line-height: var(--global-line-height-button);
  letter-spacing: var(--global-letter-spacing-button);
  text-transform: var(--font-button-text-transform);

  @media screen and (min-width: 1000px) {
    font-size: var(--font-size-button-text-medium);
  }
}

.accordion__content {
  padding-inline-end: 0;

  @media screen and (min-width: 1000px) {
    margin-block-end: 2px;
    transform: translateY(-10px) !important;
  }
}