.wp-block-details summary {
    padding: 0.5em 0;
    font-family: "Avalon-Bold", sans-serif;
    font-weight: normal;
    color: inherit;
    font-size: 1.5em;
}

.etusivu-accordion .wp-block-details {
    counter-increment: details;
    display: list-item;
    list-style: none;
    transition: all 0.3s ease;
}

.etusivu-accordion .wp-block-details summary {
    padding: 0.5em 0;
    font-family: "Avalon-Bold", sans-serif;
    font-weight: normal;
    color: inherit;
    font-size: 1.75em;
    line-height: 1.3em;
    list-style-position: outside;
    margin-left: 1.05em;
    padding-left: 1em;
    transition: all 0.3s ease;
}

@media (max-width:768px) {
    .etusivu-accordion .wp-block-details summary {
        font-size: 1.25em;
    }
}

.etusivu-accordion .wp-block-details summary::marker {
    content: counter(details);
}

.etusivu-accordion .wp-block-details summary::-webkit-details-marker {
    content: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24' fill='none' stroke='%23264F49' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'><polyline points='6 9 12 15 18 9'></polyline></svg>) !important;
    display: block;
    height: 36px;
    position: relative;
    right: 0;
    transform: rotate(0);
    transition: transform .2s ease-in-out;
    width: 36px;
}

.etusivu-accordion .wp-block-details summary::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.4em;
    /* bottom: 0; */
    height: 1.5em;
    width: 1.5em;
    border-radius: 1.5em;
    border: 1px solid rgba(255, 255, 255, .2);
    transition: all 0.3s ease;
}

.etusivu-accordion .wp-block-details:hover summary::before,
.etusivu-accordion .wp-block-details[open] summary::before {
    border: 1px solid #fff;
}