.additional-info {
  padding: 15px 20px;

  @include media-breakpoint-down(sm) {
    padding: 15px;
  }

  @include media-breakpoint-only(md) {
    padding: 15px 45px;
  }

  &__header {
    @include media-breakpoint-up(md) {
      padding-right: 15px;
    }
    @include normal-text;
    color: $gray-dark;

    &::before {
      color: $blue;
      content: '-';
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      font-size: 2.25rem;

      .accordion_collapsed & {
        content: '+';
        font-size: 1.5rem;
      }

    }

    &-icon {
      color: $warm-grey;
    }

    &-text {
      @include normal-text;
    }
  }

  &__content {
    line-height: 1.857rem;
    padding: 12px 0 0;

    .description {
      &:not(:last-child) {
        border-bottom: 1px solid $gray;
        padding-bottom: 10px;
        margin-bottom: 10px;
      }
    }

    h6 {
      margin: 0;
    }
  }

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

  &_no-border {
    border-bottom: 0;
  }
}

.pdp-extra {
  font-weight: bold;
  padding: 15px 20px;
  background: $gray-bg;
  margin: 20px 0 0;

  @include media-breakpoint-only(md) {
    padding: 15px 45px;
  }


  .pdp-pack-text {
    text-decoration: none;

    .fa-calculator {
      font-size: 1.2rem;
      vertical-align: middle;
      margin-right: 10px;
    }
  }
}