.bz-basic-arrow {
  display: inline-block;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.3s ease 0.1s;
  transform-origin: center center;

  &--active {
    transform: rotate(90deg);
  }

  &.inset {
    line-height: 0px;
  }

  &.up {
    transform: rotate(-90deg);
  }

  &.down {
    transform: rotate(90deg);
  }

  &.up.bz-basic-arrow--active {
    transform: rotate(90deg);
  }

  &.down.bz-basic-arrow--active {
    transform: rotate(-90deg);
  }
}