.accordion-item-header {
    font-weight: bold;
    border-bottom: solid 1px var(--wp--preset--color--secondary);
    position: relative;
    padding: .5rem 1rem;
    cursor: pointer;
    color: var(--wp--preset--color--secondary);
}

.accordion-item-body {
    padding: 1rem 1rem;
    margin-bottom: .5rem;
}


.accordion-item-header:after {
    content: '';
    height: .8rem;
    width: .8rem;
    background-image: url("data:image/svg+xml; utf8, <svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'> <style type='text/css'> .st0{fill:%2300AFC8;} </style> <path class='st0' d='M42.1,21.5L11.9,4.1c-2.7-1.5-6,0.4-6,3.5v34.9c0,3.1,3.3,5,6,3.5l30.3-17.5C44.8,26.9,44.8,23.1,42.1,21.5 L11.9,4.1c-2.7-1.5-6,0.4-6,3.5v34.9c0,3.1,3.3,5,6,3.5l30.3-17.5C44.8,26.9,44.8,23.1,42.1,21.5z'/> </svg> ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 1rem;
    right: 1rem;
    transition: transform .3s ease;
}

.accordion-item-header.active:after {
    transform: rotate(90deg);
}

.accordion-item-header {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #fff;
    transition: background-color .15s ease;
    padding-right: 2rem;
}

.accordion-item-header:hover {
    background-color: #EFF7FD;
}