.accordion {
  padding: 20px 0;
  border-bottom: 1px solid $gray;

  &__header {
    color: $blue;
    cursor: pointer;
    margin-bottom: 0;
    padding-left: 34px;
    position: relative;
  }

  &__content {
    padding: 10px 34px 0;
  }

  &__header-icon {
    left: 0;
    position: absolute;
    top: 0;
    font-size: 1rem;
  }

  &_collapsed {
    & > .accordion__header {
      & > .accordion__header-icon {
        & > .fa-angle-up {
          transform: rotate(180deg);
        }
      }
    }
  }
}
