@mixin cwui-accordion {

  @include foundation-accordion;

  .accordion-item:not(:last-child) {
    margin-bottom: .1875rem;
  }


  .accordion-title {
    // text-decoration: none;

    &,
    &[aria-expanded="false"] {
      background: #efece2
    }

    &:hover,
    &[aria-expanded="true"] {
      background-color: #102e51;
      color: $white;
    }

    &::before {
      @include css-triangle(6px, #{$anchor-color}, 'down');
    }

    &:hover::before,
    &:focus::before,
    .is-active>&::before {
      border-color: currentColor transparent transparent;
    }

    .is-active > &::before {
      content: "";
      transform: rotate(180deg);
    }
  }
}