.block-accordion {
  background-color: var(--wp--preset--color--dark-background);
  border-radius: var(--wp--custom--border-radius--medium);
  border: 1px solid var(--wp--preset--color--border);
  padding: 1.25rem 7% 3.5rem;
}

.accordion__title {
  color: var(--wp--preset--color--halo);
  font-weight: 500;
  font-size: var(--wp--preset--font-size--regular);
  position: relative;
  border-bottom: 2px solid var(--wp--preset--color--border);
  padding: 1.5rem 0;
  cursor: pointer;
}

.accordion__title::marker {
  content: '';
}

.accordion__title:after {
  position: absolute;
  right: 0;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="13.505" height="7.876" viewBox="0 0 13.505 7.876"><path d="M7.08-3.705a1.127,1.127,0,0,0,1.593,0L14.3-9.33a1.127,1.127,0,0,0,0-1.593,1.127,1.127,0,0,0-1.593,0l-4.83,4.83L3.045-10.92a1.127,1.127,0,0,0-1.593,0,1.127,1.127,0,0,0,0,1.593L7.077-3.7Z" transform="translate(-1.122 11.252)" fill="%23d0dbe0"/></svg>');
}

.accordion__container[open] > .accordion__title {
  color: var(--wp--preset--color--primary);
  border-bottom-color: var(--wp--preset--color--primary);
}

.accordion__container[open] > .accordion__title:after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="13.505" height="7.877" viewBox="0 0 13.505 7.877"><path d="M7.08-10.92a1.127,1.127,0,0,1,1.593,0L14.3-5.295a1.127,1.127,0,0,1,0,1.593,1.127,1.127,0,0,1-1.593,0l-4.83-4.83L3.045-3.705a1.127,1.127,0,0,1-1.593,0,1.127,1.127,0,0,1,0-1.593l5.625-5.625Z" transform="translate(-1.122 11.249)" fill="%2338cef4"/></svg>');
}

.accordion__content {
  padding: 2.5rem 0 1.5rem;
}

.accordion__container:last-of-type .accordion__content {
  padding-bottom: 0;
}