버튼 기본 , active 활성화 했을 때 상태

a.accordion-btn {

  position:relative;

  display:block;

 

  &:after {

    content:'';

    position:absolute;

    display:block;

    width:24px;

    height:24px;

    top:50%;

    right:20px;

    transform: translateY(-50%) rotate(0deg);

    -webkit-transition: all 0.5s ease;

    transition: all 0.2s ease;

    background:url(../../assets/images/arrow-down.svg) no-repeat center;

  }

 

  &.active {

    &:after {

      transform: translateY(-50%) rotate(-180deg);

      -webkit-transition: all 0.5s ease;

      transition: all 0.2s ease;

    }

  }

}