.showmore {
  overflow: hidden;
  transition: height .3s ease;
}
.showmore-trigger {
  text-align: center;
  margin-top: 12px;
}
.showmore-trigger  > .more::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background: url(show-more.png);
}
.showmore-trigger  > .less::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background: url(show-less.png);
}
.showmore-trigger  > .less:hover,
.showmore-trigger  > .more:hover {
  cursor: pointer;
}