.keli-accordion {
  margin: 1.25rem 0;
  overflow: hidden;
  border: 1px solid rgb(240 165 0 / 35%);
  border-radius: 10px;
  background: linear-gradient(145deg, rgb(8 27 38 / 96%), rgb(5 17 25 / 96%));
  box-shadow: 0 10px 28px rgb(0 0 0 / 18%);
}

.keli-accordion__title {
  position: relative;
  padding: 1rem 3.25rem 1rem 1.25rem;
  color: #f4d37c;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

.keli-accordion__title::-webkit-details-marker { display: none; }
.keli-accordion__title::after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  width: .65rem;
  height: .65rem;
  border-right: 2px solid #f0a500;
  border-bottom: 2px solid #f0a500;
  content: "";
  transform: translateY(-70%) rotate(45deg);
  transition: transform .2s ease;
}

.keli-accordion[open] > .keli-accordion__title::after { transform: translateY(-30%) rotate(225deg); }
.keli-accordion__title:hover { background: rgb(240 165 0 / 7%); }
.keli-accordion__content { padding: 1.1rem 1.25rem 1.25rem; border-top: 1px solid rgb(240 165 0 / 20%); }
.keli-accordion__content > :first-child { margin-top: 0; }
.keli-accordion__content > :last-child { margin-bottom: 0; }