.more-accordion > summary {
  color: #fff;
  cursor: pointer;
  list-style: none;
  position: relative;
}

.more-accordion > summary::-webkit-details-marker {
  display: none;
}

.more-accordion > summary h3 {
  padding-right: 48px;
}

.more-accordion > summary::after {
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  content: '';
  height: 8px;
  opacity: 0.75;
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 160ms ease;
  width: 8px;
}

.more-accordion[open] > summary::after {
  transform: translateY(-30%) rotate(225deg);
}

.more-accordion > summary:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: -3px;
}