section {padding: 0.7rem; width: 100%; margin: auto; direction: rtl; background-color: rgba(166, 212, 243 , 0.2); border-radius: 8px;}
details[open] summary ~ * {animation: open 0.3s ease-in-out;}
@keyframes open {0% {opacity: 0;} 100% {opacity: 1;}}
details summary::-webkit-details-marker {display: none;}
details summary {width: 100%; padding: 0.5rem 0; border-top: 1px solid black; position: relative; cursor: pointer; font-size: 1.25rem; font-weight: 300; list-style: none;}
details summary:after {
  content: "+";
  color: black;
  position: absolute;
  font-size: 1.6rem;
  line-height: 0;
  margin-top: 0.75rem;
  left: 0;
  font-weight: 200;
  transform-origin: center;
  transition: 200ms linear;}
details[open] summary:after {transform: rotate(45deg); font-size: 2rem;}
details summary {outline: 0;}
details p {font-size: 0.95rem; margin: 0 0 1rem; padding-top: 1rem;}