.chevron{position:relative;height:24px;width:14px}.chevron span{background:#000;position:absolute;top:50%;left:50%;height:2px;width:50%;border-radius:3px;transition:.2s}.chevron span:first-child{transform:translate(calc(-50% - 1px),-50%) rotate(45deg)}.chevron span:nth-child(2){transform:translate(calc(-50% + 3px),-50%) rotate(-45deg)}.chevron.open span:first-child{transform:translate(calc(-50% - 1px),-50%) rotate(-45deg)}.chevron.open span:nth-child(2){transform:translate(calc(-50% + 3px),-50%) rotate(45deg)}.chevron--open .chevron span:first-child{transform:translate(calc(-50% - 1px),-50%) rotate(-45deg)}.chevron--open .chevron span:nth-child(2){transform:translate(calc(-50% + 3px),-50%) rotate(45deg)}