.expandable-text .show-icon {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.expandable-text .show-icon::before {
  position: absolute;
  content: " ";
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  background: url(../imgs/icon-plus.svg) center center no-repeat;
  background-size: contain;
  opacity: 1;
  transition: 0.4s;
}
.expandable-text .show-icon::after {
  position: absolute;
  content: " ";
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  background: url(../imgs/icon-less.svg) center center no-repeat;
  background-size: contain;
  opacity: 0;
  transition: 0.4s;
}
.expandable-text .show-icon.less::before {
  transform: rotate(180deg);
  opacity: 0;
}
.expandable-text .show-icon.less::after {
  transform: rotate(180deg);
  opacity: 1;
}
.expandable-text .show-icon.right {
  float: right;
}
.expandable-text .hidden-text {
  display: none;
}/*# sourceMappingURL=components.css.map */