.opts-button {
  display: block;
  margin-right: 0;
  margin-left: auto;
  outline: none;
}
.opts-button:focus {
  border: 0;
}
.content {
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  -webkit-transition: max-height 0.15s ease-out;
  transition: max-height 0.15s ease-out;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
.text {
  display: inline-block;
}
div.isOpen .content {
  opacity: 1;
  height: auto;
  max-height: 2160px;
  /* this must be always bigger than actual height, for animation purposes*/
  -webkit-transition: max-height 0.25s ease-in;
  transition: max-height 0.25s ease-in;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  padding: 16px;
  margin-bottom: 16px;
}