.beefup {

  margin: 1em 0;
  padding: 16px 16px 20px 16px;
  padding: 1.6rem 1.6rem 2rem 1.6rem;
  border: 1px solid #E0E0E0;
  border-width: .1rem;

}

.beefup:first-child {

  margin-top: 0;

}

.beefup__head {

  position: relative;  
  margin-bottom: 0;
  padding-right: 30px;
  padding-right: 3rem;
  padding-bottom: 0;
  border-bottom: 0;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;

}

.beefup__head::after {

  content: " ";
  position: absolute;
  right: 0;
  top: 13px;
  top: 1.3rem;
  width: 24px;
  width: 2.4rem;
  height: 14px;
  height: 1.4rem;
  background-image: url("../img/icons/icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 50%;
  opacity: .56;

}

.beefup__body {

  padding: 20px 0 0 0;
  padding: 2rem 0 0 0;

}

.beefup.is-open > .beefup__head::after {
  
  -webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
       -o-transform: rotate(-180deg);
          transform: rotate(-180deg);

}