.showhide {
  display: flex;
  align-items: center;
}
.showhide:hover {
  cursor: pointer;
}
.showhide svg {
  display: block;
  width: 13px;
  height: 13px;
  fill:hsl(0, 0%, 20%);
  stroke: hsl(0, 0%, 20%);
  stroke-width: 1;
  transition-duration: 200ms;
  margin-left: auto;
}
.showhide + div {
  display: none;
}
.showhide[data-show="true"] svg {
  transform: rotate(-90deg);
}
.showhide[data-show="true"] + div {
  display: block;
}