details.wp-block-details {
    summary{
        list-style: none !important;

        &::marker,
        &::-webkit-details-marker {
            display: none;
        }
    }

    &:not(.is-style-with-background-colour) {
        summary{
            color: var(--wp--preset--color--primary);
            font-size: var(--wp--preset--font-size--h-3);
            padding-bottom: 10px;
            padding-top: 10px;

            &::before{
                border: 1px solid var(--wp--preset--color--primary);
                content: '';
                height: 39px;
                position: absolute;
                right: 0;
                top: 50%;
                translate: 0 -50% 0;
                width: 47px;
            }

            &::after{
                background-image: url("../../../images/single-chevron.svg");
                background-repeat: no-repeat;
                background-size: contain;
                content: '';
                font-family: unset;
                height: 18px;
                right: 15px;
                rotate: 180deg;
                width: 18px;
            }
        }

        &.is-selected,
        &[open]{
            summary{
                &::after{
                    rotate: 270deg;
                }
            }
        }
    }

}