.accordion__title {
  border-top: 1px var(--black) solid
}
.accordion__title .accordion__icons {
  font-size: 1.6rem
}
.accordion__title .action-button {
/*   background: var(--theme-brown) */
}

.accordion__title .action-button.open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  overflow: hidden;
}
.accordion__title .action-button:focus-visible {
  outline: solid 2px var(--bs-black)
}
.accordion__content {
  height: auto;
  max-height: 0;
  overflow: hidden;
      visibility: hidden;
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}
.accordion__content::before {
  content: "";
  background: var(--gradient-left);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1
}
.accordion__content.open {
  max-height: 6000rem;
  -webkit-transition: max-height 5s ease;
  transition: max-height 5s ease;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
  visibility: visible
}
.rte:has(+ .accordion__cta) {
    margin-bottom: var(--sm-4);
}
.accordion__innerWith {
  max-width: 848px;
  margin: 0 auto;
  padding: 0 16px
}
.accordion__innerWith > div:first-child {
  margin-top: 0
}
.accordion__innerWith > div:last-child {
  margin-bottom: 0
}
@media (max-width:768px) {
  .accordion__left {
    padding-right: var(--sm-1)
  }
}
@media (max-width:767.98px) {
  .accordion__title .action-button {
    position: absolute;
    top: var(--sm-1);
    right: var(--sm-1)
  }
  .accordion__left h2 {
    margin: 0;
    min-height: 4.8rem;
    margin-bottom: var(--xs-1);
    padding-right: 60px
  }
  .accordion__innerWith {
    padding: 0 1.2rem
  }
  .accordion__right {
    margin-top: var(--xs-1);
    right: 100%
  }
 
}
@media (min-width:991.98px) {
 .accordion__title .action-button:hover {
  background: var(--black)
}
}