.details-open-on-hover .wp-block-details summary {
    cursor: pointer;
    font-size: 250%;
    text-align: right;
    padding: 1rem;
    margin-top: -4rem;
    line-height: 5rem;
    pointer-events: none;
}

.details-open-on-hover .wp-block-details summary::marker {
    content: "⌄";
}

.details-open-on-hover .wp-block-details[open]::details-content {
    margin-bottom: 1rem;
}

@media (min-width: 576px) {
    .details-open-on-hover .wp-block-details summary {
        display: none;
    }

    .details-open-on-hover .wp-block-details[open]::details-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: rgb(124, 189, 215);
        margin: 1rem;
        padding: 1rem;
        overflow: auto;
        color: white;
    }
}