.accordion {
  &__item {
    margin-bottom: @item-margin / 2;
  }

  &__item-btn {
    position: relative;
    padding: @item-padding;
    padding-right: @icon-size + (@item-padding * 2);
    text-align: left;
    background-color: @item-color;
    color: @item-color-inverted;
    border-radius: @item-border-radius;

    .no-touch &:not(.is-selected):hover {
      background-color: @item-color-hover;
      color: @item-color-inverted-hover;
      .transition(background-color @duration ease-in, color @duration ease-in;);
    }

    .dir-rtl & {
      padding-right: @item-padding;
      padding-left: @icon-size + (@item-padding * 2);
      text-align: right;
    }
  }

  &__item-btn.is-visited {
    background-color: @visited;
    color: @visited-inverted;
  }

  &__item-btn.is-selected {
    background-color: @item-color-selected;
    color: @item-color-inverted-selected;
  }

  &__item-icon {
    position: absolute;
    top: 50%;
    right: @item-padding;
    .transform(translateY(-50%));

    .dir-rtl & {
      right: inherit;
      left: @item-padding;
    }
  }

  &__item-content {
    padding: @item-padding;
    border-radius: @item-border-radius;
  }

  &__item-body a {
    .link-text;
  }

  &.has-img-zoom &__item-image-container {
    .img-zoom();
  }
}
