.beefup {
  border: 1px solid #EDEAE5;
  border-radius: 4px;
  margin: 1em 0;
  padding: 10px 10px;
  background-color:#EDEDED;
   background: -webkit-linear-gradient(left,rgb(223,223,223), rgb(249,249,249)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgb(223,223,223),rgb(249,249,249)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgb(223,223,223),rgb(249,249,249)); /*Fx 3.6-15*/
  background: linear-gradient(to right,rgb(223,223,223),rgb(249,249,249)); /*Standard*/
}

.beefup:first-child {
  margin-top: 0;
}

.beefup__head {
  cursor: pointer;
  margin-bottom: 0;
  overflow: hidden;
  padding-right: 30px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top:0px;
  
}

.beefup__head::after {
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #666 transparent transparent;
  content: '';
  position: absolute;
  right: 0;
  height: 0;
  margin-top: -5px;
  top: 50%;
  width: 0;
}

.beefup__body {
  padding: 20px 0 0; 
  
}

.beefup.is-open > .beefup__head::after {
  border-width: 0 10px 10px;
  border-color: transparent transparent #ddd;
}