.hidebox.is-open > .beefup-head::after {
  transform: translate(0, -50%) rotate(225deg);
  margin-top: 4px;
}

.beefup-head, .beefup-body {
  padding: 10px 2vw;
  margin: 18px 0 22px;
}
.beefup-head {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding-right: 50px;
}
button.beefup-head, .beefup-head > button {
  cursor: pointer;
  display: block;
  width: 100%;
  background: none;
  border: 0;
  font: inherit;
  text-align: inherit;
  color: inherit;
  text-transform: inherit;
  transition-duration: 0.3s;
}

@media (min-width: 700px) { .beefup-head > button:hover{ letter-spacing: 0.5px; } }

button.beefup-head[aria-disabled], .beefup-head > button[aria-disabled] {
  cursor: default;
  outline: 0;
}
.beefup-head > button {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 40px 0 0;
}
.beefup-head::after {
  transition: transform 0.2s ease-out;
  content: "";
  transform: translate(0, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 0;
  margin-top: -2px;
  padding: 6px;
  border-width: 0 3px 3px 0;
  border-style: solid;
  color:#ad2c2c;
}

.level2{background-image: linear-gradient(to right, rgba(0,0,0,0.04), rgba(0,0,0,0.18) );margin:10px 0 0;transition-duration:0.8s;color:#666;font-size:22px;}
.hidebox.is-open > .level2{color:#183e7d;letter-spacing:1px}
.level2::after {color:#000;}