/* Mixins
================================================== */
/* Breakpoints
================================================== */
.collapse-btn {
  cursor: pointer;
}

.collapse-content {
  overflow: hidden;
  transition: 0.5s;
}
.collapse-content > * {
  transition: 0.5s;
}
.collapse-content.open {
  height: auto;
}
.collapse-content.open > * {
  opacity: 1;
  transition-delay: 0.5s;
}
.collapse-content.close {
  height: 0;
}
.collapse-content.close > * {
  opacity: 0;
  transition-delay: 0s;
}

/* Styles
======================================== */
.collapse-btn.open:before {
  content: "-";
}
.collapse-btn.close:before {
  content: "+";
}