.readmore-box .col {
  display: none;
}

.readmore-box .col:nth-child(-n+3) {
  display: block;
}

.readmore-box.is-open .col {
  display: block;
}

.btn-readmore span:last-child {
  display: none;
}

.btn-readmore.is-active span:first-child {
  display: none;
}

.btn-readmore.is-active span:last-child {
  display: inline;
}

@media (min-width: 48em) {
  .readmore-box .col {
    display: block;
  }
}