.details {
	text-align: left;
	color: #000;
  line-height: 2;
  border: 1px solid #f78080;
  width: 100%;
  margin: 0 auto 20px;
}
.details__summary {
  position: relative;
  display: block;
  background: #ffcccc;
  cursor: pointer;
  margin: 0;
  padding: 10px 40px 10px 16px;
}
.details__summary::-webkit-details-marker {
  display: none;
}
.details__summary::before {
  display: block;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 6px);
  right: 16px;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #F7195E;
  transition: all 0.4s ease-out;
  transform-origin: 3px 6px;
  transform: rotate(90deg);
}
.details[open] .details__summary::before {
  transform: rotate(-90deg);
}
.details__content {
  overflow: hidden;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.details__content > * {
margin: 10px 0 0 0;
    padding-top: 0px;
}
.details__content > *:last-child {
  padding-bottom: 16px;
}