.accordBody {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.accordHead {
  cursor: pointer;
  display: grid;
  gap: 10px;
  grid-template-columns: auto 20px;
}

.accordCross {
  height: 20px;
  position: relative;
  width: 20px;
}

.accordCross span {
  background: #7c7c7c;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
  width: 10px;
}

.accordCross span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}