.wp-block-details,
details.wp-block-details {
    padding: 18px 22px 18px 30px !important;

    > * {
        padding-left: 0 !important;
    }

    summary {
        min-height: 35px;
        display: flex;
        align-items: center;
        padding-right: 50px !important;

        &:after {
            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35"><defs><clipPath id="a"><rect width="11.773" height="8.983" fill="%23fff"/></clipPath></defs><g transform="translate(-798 -15)"><rect width="35" height="35" rx="3" transform="translate(798 50) rotate(-90)" fill="%236b83d0"/><g transform="translate(809.613 28.009)"><g transform="translate(0 0)" clip-path="url(%23a)"><path d="M6.891,8.82a.553.553,0,0,0,.782,0l3.938-3.938a.562.562,0,0,0,.07-.085c.008-.013.014-.026.021-.039a.514.514,0,0,0,.029-.056.508.508,0,0,0,.017-.054c0-.016.011-.032.015-.049a.556.556,0,0,0,0-.216c0-.017-.01-.033-.015-.049a.508.508,0,0,0-.017-.054.56.56,0,0,0-.029-.056c-.007-.013-.013-.027-.021-.039a.562.562,0,0,0-.07-.085L7.672.161a.553.553,0,0,0-.782.782l3,3H.553a.553.553,0,1,0,0,1.105H9.886l-3,3a.552.552,0,0,0,0,.782" transform="translate(0 0.001)" fill="%23fff"/></g></g></g></svg>');
            width: 35px;
            height: 35px;
            font-family: unset;
            left: auto !important;
            right: 0 !important;
            transition: none;
        }
    }

    &.is-selected,
    &[open] {
        summary {
            &:after {
                transform: rotate(45deg) !important;
            }
        }
    }
}