.wp-block-details {
  @apply border border-primary border-solid p-4;

  summary {
    @apply font-bold list-none flex items-center justify-between gap-2;

    &::-webkit-details-marker,
    &::marker {
      @apply hidden;
      content: ' ';
    }
    &:after {
      transition: transform 0.5s ease-out;
      content: ' ';
      @apply w-10 h-10  block content-[''] bg-no-repeat bg-center bg-contain;
      background-image: url('../resources/img/elements/select-drop-button.svg');
    }
  }
  &[open] {
    summary:after {
      @apply rotate-180;
    }
  }
}