@use 'mixins/mixins' as *;
@use 'mixins/var' as *;
@use 'common/var' as *;

@include b(icon-arrow) {
  pointer-events: none;
  width: 7px;
  height: 7px;
  transform: rotate(-135deg);
  transition: getCssVar('transition-ease');
  transform-origin: center;

  &::before, &::after {
    content: '';
    position: absolute;
    top: 0px;
    display: block;
    border-radius: 2px;
    width: 100%;
    height: 1px;
    background: getCssVar('text');
  }

  @include pseudo(before) {
    height: 100%;
    width: 1px;
  }

  @include pseudo(after) {
    width: 100%;
    height: 1px;
  }
}