/* toggle chevron */

.wp-block-accordion:not(.is-style-chevron-icon) .wp-block-accordion-heading__toggle-icon {
  height: 2em;
  width: 2em;
  border-radius: 2em;
  background: rgba(255,255,255,.4);
}

/* Chevron icon style */


.wp-block-accordion.is-style-chevron-icon
  > .wp-block-accordion-item
  > h3.wp-block-accordion-heading
  .wp-block-accordion-heading__toggle-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  color: inherit;
}

.wp-block-accordion.is-style-chevron-icon
  > .wp-block-accordion-item
  > h3.wp-block-accordion-heading
  .wp-block-accordion-heading__toggle-icon::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask-image: url(../img/chevron-down.svg);
  mask-image: url(../img/chevron-down.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  flex-shrink: 0;
  transform-origin: center;
  transition: transform 0.3s;
}

.wp-block-accordion.is-style-chevron-icon
  > .wp-block-accordion-item.is-open
  > h3.wp-block-accordion-heading
  .wp-block-accordion-heading__toggle-icon {
  transform: rotate(-180deg) !important;
}

.wp-block-accordion.is-style-chevron-icon
  > .wp-block-accordion-item
  button.wp-block-accordion-heading__toggle:hover
  > .wp-block-accordion-heading__toggle-title {
  text-decoration: none !important;
}

.wp-block-accordion.is-style-chevron-icon
  > .wp-block-accordion-item .wp-block-accordion-heading {
  transition: all 0.3s;
}

.wp-block-accordion.is-style-chevron-icon
  > .wp-block-accordion-item .wp-block-accordion-heading:hover {
    background: rgba(255,255,255,.5);
    color: var(--wp--preset--color--purple);
    text-decoration: none;
}

.wp-block-accordion.is-style-chevron-icon
  > .wp-block-accordion-item .wp-block-accordion-heading button {
    padding:0;
  }