details > * {
  box-sizing: border-box;
}

summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary::-webkit-details-marker {
  display: none;
}

details[open] > summary .icon-caret{
  transform: rotateX(180deg);
}