:root {


}
[data-component-id="colas24:accordeon_item"] {
  /* @todo Add your styles here. */
  position: relative;

  summary{
    border-bottom: 1px solid var(--color-secondary);
    display: flex;
    justify-content: space-between;

    &::after{

      content: '›';
      background-size: cover;
      transition: 0.2s;
      /*transform-origin: 50% 50%;*/
      transform: rotate(0deg);
      margin:0;
      font-size: 1.5rem;
      line-height: 1;
      width: 1.5rem;
      height: 1.5rem;
      display: grid;
      place-content: center;

    }
  }

  &[open] > summary::after {
    transform: rotate(90deg);
  }

  & .content{
    background-color: var( --clr-gray-100);
    /*padding: var(--clr-gray-100);*/

    & .bottom{
      --button-line-height: 1;
      padding: 1rem 0;
      display: flex;
      gap: 1rem;
    }
  }
}