.js-show-hide {
  border-left: 1px solid #ccb3e6;
  padding: 0 20px;
  position: relative;
}

.js-show-hide-toggle:hover {
  cursor: pointer;
}

.js-show-hide-toggle::before {
  content: 'v';
  position: absolute;
  margin-left: -13px;
  font-weight: 800;
}

.js-show-hide-toggle:hover::before {
  content: '>';
}

.js-show-hide.collapsed .js-show-hide-toggle::before {
  content: '>';
}

.js-show-hide.collapsed .js-show-hide-toggle:hover::before {
  content: 'v';
}

.js-show-hide.collapsed > .js-show-hide-target {
  padding-bottom: 0;
}

.js-show-hide.collapsed > .js-show-hide-target {
  display: none;
}