.content .works {
  margin: 0 auto 30px auto;
}

.content .works h2 {
  position: relative;
}
.content .works h2::before {
  content: "";
  width: 16px;
  height: 1px;
  display: block;
  background: rgb(190, 124, 98);
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(0deg);
  transition: all 0.3s ease-out;
}
.content .works h2::after {
  content: "";
  width: 16px;
  height: 1px;
  display: block;
  background: rgb(190, 124, 98);
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.3s ease-out;
}
.content .works h2.opened::before {
  transform: translateY(-50%) rotate(360deg);
}
.content .works h2.opened::after {
  transform: translateY(-50%) rotate(360deg);
}

.content .works .listbody {
  height: 0;
  overflow: hidden;
}