.language summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 13px;
  cursor: pointer;
  list-style: none;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #0a2933;
  color: #d8ecef;
  font-size: 13px;
  font-weight: 750;
}

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

.language summary::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid var(--mint);
  border-bottom: 1.5px solid var(--mint);
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s;
}

.language[open] summary::after {
  transform: rotate(225deg) translate(-2px, -2px);
}

.language div { top: 48px; }