/home/moonrcjl/template.moontelict.com/arsha-prev/assets/scss/components/_accordion.scss
@use "../utils" as *;

/*----------------------------------------*/
/*  2.12 Accordion
/*----------------------------------------*/
.mt-accordion {
  &-header {
    margin: 0;
  }

  &-item {
    padding: 20px 30px;
    min-height: 3.5rem;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    color: var(--mt-common-black);
    background: var(--mt-common-white);
    border-radius: 12px;
  }

  &-button {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    width: 100%;
    text-align: left;
    @include flexbox();
    justify-content: space-between;

    &::after {
      content: "\f00d";
      font-family: var(--mt-ff-fontawesome);
      font-size: 12px;
      color: var(--mt-text-p);
      border: 1px solid var(--mt-border-2);
      border-radius: 100%;
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
    }

    &.collapsed {
      &::after {
        content: "+";
      }
    }
  }
}