.wp-block-details {
  summary {
    list-style: none;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

    &::marker,
    &::before {
      display: none;
    }

    &::after {
      content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="%235E5E5E" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      transform: rotate(0deg) translateY(2px);
      transition: transform 100ms ease-in-out;
    }
  }

  &[open] summary::after {
    transform: rotate(180deg) !important;
  }
}

/* Group spacing fix */
@media screen and ( max-width: 600px ) {
  .wp-block-group:has(.wp-block-details) {
    margin-left: 0 !important;
    min-width: 100%;
  }
}