.Accordion {
  $this: &;

  &__button {
    width: 100%;
    box-shadow: inset 0 -1px 0 0 #e5e8ef;

    &--content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-right: 14px;
      padding-left: 11px;
      @extend .Font__body;
      @extend .Font__body--10;
    }
  }

  &__header {
    width: 100%;
    text-align: left;
    padding: 13px 12px 11px 10px;
    line-height: 16px;

    &--open,
    &--filtered {
      font-weight: $weight-medium;
      padding-top: 14px;
      padding-bottom: 10px;
    }
  }

  &__container {
    width: 100%;
    background: $color-gray-140;
    box-shadow: inset 0 -1px 0 0 #c3cad6;
    transition: height 0.2s $motion-quint-easeinout;
    height: auto;
    overflow: hidden;
  }

  &__footer {
    min-height: 52px;
    margin-left: 12px;
    margin-top: 16px;
    border-top: 1px solid $color-gray-110;
  }
}